Contenu connexe Similaire à How to integrate a subscription form with WordPress using a free plugin? (20) How to integrate a subscription form with WordPress using a free plugin?2. You are using WordPress, but…
How to integrate a Signup Form
without any coding needed?
This plugin connects WordPress with your GeniusContacts Account and
allows you quickly and easily add a signup form for your
GeniusContacts list and to embed a subscription form on your site with
various options for how the form is displayed and submitted.
Start using GeniusContacts Signup Form in less than 2 minutes
via the WordPress Setting GUI!
www.GeniusContacts.com
© GeniusContacts – All rights reserved - 2013
3. Why choosing GeniusContacts
Signup Form for Wordpress?
• GeniusContacts has created a WordPress plugin for quickly
integrating subscription forms into your WordPress blogs & web
sites
• You can easily embed signup/subscription forms without any coding
needed
• You can then upgrade WordPress at any time without losing your
subscription form code/placements.
• The GeniusContacts Email Marketing plugin connects WordPress
with your email marketing software and allows you to choose a
signup/subscription form to embed (as a widget) anywhere on your
site
www.GeniusContacts.com
© GeniusContacts – All rights reserved - 2013
4. Action!
• Get your GeniusContact Account
– http://www.GeniusContacts.com
• Get the plugin:
– http://wordpress.org in the Plugins section and
install "GeniusContacts Signup Form"
www.GeniusContacts.com
© GeniusContacts – All rights reserved - 2013
5. Integrating Subscription/Signup Forms With WordPress using our Official
WordPress plugin v4.5
SIMPLY USING THE OFFICIAL
WORDPRESS PLUGIN
www.GeniusContacts.com
© GeniusContacts – All rights reserved - 2013
6. Use our official WordPress plugin
Download our plugin from the
WordPress Plugin Directory, or click
“Add New” and search for it in your
WordPress “Plugins” section.
www.GeniusContacts.com
© GeniusContacts – All rights reserved - 2013
7. And…
If you downloaded the plugin, go to your WordPress administrative section
and visit the “Plugins” => “Upload” section, and upload the entire Zip folder
(that you just downloaded).
www.GeniusContacts.com
© GeniusContacts – All rights reserved - 2013
8. And…
On the Plugins page, click “Activate” for the “GeniusContacts” plugin.
www.GeniusContacts.com
© GeniusContacts – All rights reserved - 2013
9. And…
From the Appearance => Widgets page, drag the “GeniusContacts” widget
into a sidebar.
www.GeniusContacts.com
© GeniusContacts – All rights reserved - 2013
10. And…
• Type in your account URL and
credentials, and then hit Save.
• (To find your specific URL and API
Key, visit the “Account” =>
“Settings”= > “API” section in
GeniusContacts.)
www.GeniusContacts.com
© GeniusContacts – All rights reserved - 2013
11. Then…
• After clicking “Save” in WordPress, it will
display the available forms that are set up in
your GeniusContacts App
(xyz.myGeniusContacts.com)
www.GeniusContacts.com
© GeniusContacts – All rights reserved - 2013
12. And…
• Choose a form and then hit “Save” again.
www.GeniusContacts.com
© GeniusContacts – All rights reserved - 2013
13. And…
• The public side of WordPress will then display
that form in the sidebar.
www.GeniusContacts.com
© GeniusContacts – All rights reserved - 2013
14. Using the shortcode
• You can also display your form anywhere WordPress
shortcodes are allowed. Just use this shortcode once you
have configured your form settings in the WordPress admin
section: [GeniusContacts]
• An example in a blog post body:
www.GeniusContacts.com
© GeniusContacts – All rights reserved - 2013
15. And…
• And how that renders in the
actual blog post:
www.GeniusContacts.com
© GeniusContacts – All rights reserved - 2013
16. Form width
• The plugin will detect the form width you have set in GeniusContacts
(under Integration when creating the form). If you want to adjust the
width, you must do this in GeniusContacts, and then click “Refresh” in the
widget area:
www.GeniusContacts.com
© GeniusContacts – All rights reserved - 2013
17. Advanced settings
• There are some advanced settings that let
you control the following aspects of your
Subscription/Signup form:
1.
2.
3.
4.
Option to Add subscriber (default
behavior) or Sync subscriber (performs
edit if the subscriber already exists).
How the form is submitted: standard
page reload, or Ajax.
Whether or not to use the standard form
CSS that GeniusContacts supplies.
Whether or not to use your own custom
form action URL.
www.GeniusContacts.com
© GeniusContacts – All rights reserved - 2013
18. Then…
•
Here are some key things to be aware of, regarding the advanced settings:
–
–
–
–
If you choose Sync, that requires using Ajax to submit the form because our standard form process handler does not
work with Ajax so we included a custom API script with the plugin that does the actual sync (through our API).
You can also use Sync with your own custom action URL (with or without Ajax), presumably a script that you have set up
to perform the add/edit via our API.
Using the Ajax option requires that jQuery be enabled for your WordPress installation. Here is one way of enabling it.
When using Ajax there will be a <div> that appears above the Subscription/Signup form that contains the result message.
You can style this element by targeting this ID: form_result_message in your CSS. Example below:
www.GeniusContacts.com
© GeniusContacts – All rights reserved - 2013
19. And…
• Any time you use your own custom action URL you will have
to use our API to submit the data.
• If you don’t keep the original form CSS, it will simply strip out
all CSS that comes with the form. Example screenshot with
CSS removed:
www.GeniusContacts.com
© GeniusContacts – All rights reserved - 2013