Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

How to integrate a subscription form with WordPress using a free plugin?

1,318 views

Published on

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!

Published in: Business, Technology

How to integrate a subscription form with WordPress using a free plugin?

  1. 1. Plugin WordPress : GeniusContacts Signup Form 4.5 www.GeniusContacts.com © GeniusContacts – All rights reserved - 2013
  2. 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. 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. 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. 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. 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. 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. 8. And… On the Plugins page, click “Activate” for the “GeniusContacts” plugin. www.GeniusContacts.com © GeniusContacts – All rights reserved - 2013
  9. 9. And… From the Appearance => Widgets page, drag the “GeniusContacts” widget into a sidebar. www.GeniusContacts.com © GeniusContacts – All rights reserved - 2013
  10. 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. 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. 12. And… • Choose a form and then hit “Save” again. www.GeniusContacts.com © GeniusContacts – All rights reserved - 2013
  13. 13. And… • The public side of WordPress will then display that form in the sidebar. www.GeniusContacts.com © GeniusContacts – All rights reserved - 2013
  14. 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. 15. And… • And how that renders in the actual blog post: www.GeniusContacts.com © GeniusContacts – All rights reserved - 2013
  16. 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. 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. 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. 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
  20. 20. Meet us: www.GeniusContacts.com © GeniusContacts – All rights reserved - 2013

×