Integrating Signup Forms in WordPress with the GeniusContacts Plugin

Plugin WordPress :
GeniusContacts Signup Form 4.5

www.GeniusContacts.com

© GeniusContacts – All rights reserved - 2013

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!



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


Action!
• Get your GeniusContact Account
– http://www.GeniusContacts.com

• Get the plugin:
– http://wordpress.org in the Plugins section and
install "GeniusContacts Signup Form"



Integrating Subscription/Signup Forms With WordPress using our Official
WordPress plugin v4.5

SIMPLY USING THE OFFICIAL
WORDPRESS PLUGIN


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.



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).



And…
On the Plugins page, click “Activate” for the “GeniusContacts” plugin.



And…
From the Appearance => Widgets page, drag the “GeniusContacts” widget
into a sidebar.



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.)



Then…
• After clicking “Save” in WordPress, it will
display the available forms that are set up in
your GeniusContacts App
(xyz.myGeniusContacts.com)



And…
• Choose a form and then hit “Save” again.



And…
• The public side of WordPress will then display
that form in the sidebar.



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:



And…
• And how that renders in the
actual blog post:



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:



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.



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:



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:



Meet us:



Integrating Signup Forms in WordPress with the GeniusContacts Plugin

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (19)

En vedette

En vedette (6)

Similaire à Integrating Signup Forms in WordPress with the GeniusContacts Plugin

Similaire à Integrating Signup Forms in WordPress with the GeniusContacts Plugin (20)

Dernier

Dernier (20)

Integrating Signup Forms in WordPress with the GeniusContacts Plugin