Follow

Web Form - Wordpress - Web Form HTML (no styling) Example

Web Form - Wordpress - Web Form HTML (no styling) Example

bulb_dim.png   This document assumes you already have a self-hosted wordpress site using the software from wordpress.ORG or a wordpress site created via your hosting provider   For security reasons javascript, iframes, plugins etc. cannot be used on blogs hosted at wordpress.COM.  If you need assistance on using an Instant Customer form on the wordpress.COM site, please contact their support department.  


How do I use my Instant Customer web form with wordpress?
   This is a common question, but there's no one-size-fits-all answer. Each web page is different and has different requirements.

 

In this example, we are going to use an HTML  Javascript plugin for demonstration purposes. bulb_dim.png Please note, Instant Customer does not provide support for wordpress plugins.  A support link to the developer is usually found on the page where you downloaded the plugin.  You can also search wordpress.org support forum http://wordpress.org/support/ 

 

Search for a plugin for adding Javascript, HTML plugin at http://wordpress.org/plugins/   Remember, there are many plugins in the directory.  You need to review the ratings and comments to find the plugin best suited for your needs.  Download the plugin and follow the installation instructions.

 

The plugin for adding Javascripts, HTML scripts used in this example is found here: http://wordpress.org/plugins/html-javascript-adder/

 

1.  Go to your wordpress admin panel.  The URL will be similar to  http://yoursite.com/wp-login.php 

2.  From your admin dashboard, click on Plugins.

wp_plugin.png

 

3.  Now click on the Add New button.

4.  Enter in HTML Javascript

5.  Select the appropriate iframe from the list and click Install Now.  In this example, I am going to use the HTML Javascript Adder By Aakash Chakravarthy.

 

bulb_dim.png  This is a great time to read the installation instructions usually found on the Details link.

The installation instructions for this particular plugin are: 

Installation

  1. Activate the plugin through the 'Plugins' menu in WordPress.
  2. Go to the Widgets settings page.
  3. Drag the "HTML Javascript Adder" from the "Available widgets" to your sidebar.
  4. That is all.

Usage

  1. Just add the widget.
  2. Enter the title and required content.
  3. Check the boxes present below to show/hide the widget in specific pages.
  4. Click save.

 

6.  Be sure to Activate Plugin after it has successfully installed.

activate_html.png

 

7.   Now you can add the Web Form HTML (no styling) found on my Instant Customer campaign dashboard into a page.

no_style.png

 

8.  Go to the Appearance area on the left hand side of the screen and click on the Widget.

widgets_wp.png


9.  Now locate the HTML Javascript Adder widget in the available widgets screen.  Click on the widget and select Add Widget button..

 

 avail_widgets.png

 

10.  Now paste the Web Form HTML (no styling) code copied from the Instant Customer dashboard.  Check the boxes to show/hide the widget in specific pages.  Click Save.

wp_html_widget.png

 

11.  Go back to the Pages area to View the page with new widget form.  

widget_form.png

 

bulb_dim.png You may need to visit the developers documentation and/or support forum for information on how to make adjustments to the iframe.  In this example, the developer provides additional parameters that can be used to fine tune the iframe.  http://wordpress.org/plugins/iframe/other_notes/

 

 

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Comments

Powered by Zendesk