You can add web forms to your WordPress pages either by widgets or shortcodes. Prior to doing this, you must create your web form within your Leadsius account.


*Please note that the design selection for your web form within Leadsius will not carry over to WordPress. This is why we allow you to make selections such as button color, style and add CSS/Javascript to your widgets.


For more on creating web forms in Leadsius, click here.


4.1.1: Web Form Widgets

Screen Shot 2015-05-18 at 11.52.57.png


  1. From within WordPress, click on “Appearance” in the sidebar menu and click “widgets”

  2. Select “Leadsius Form” from your “Available widgets” section

  3. Drag “Leadsius Form” to desired widget area on the right (footer, sidebar, etc)

  4. Select which Leadsius web form you would like to use from drop down selection

  5. Populate required fields and select your ‘Display’ page (where your web form will be featured)



Screen Shot 2015-05-15 at 12.20.37.png


  1. Form: Select the Leadsius web form you would like to use

  2. Name: Create a name for your web form widget that will be displayed only in the backend of your WordPress theme

  3. Title: Create a title for your web form that will be displayed on your website (optional)

  4. Body: Create body text for your web form that will be displayed on your website (optional)

  5. Image: Select an image to be featured within your web form widget on your website (optional)

  6. Style: Select 1 of 2 available styles; naked or box.

  7. Colors: If you select “box” as your style, you can select white, grey or none as your color.

  8. Button color: Define the color of your web form button

  9. Custom CSS: If you’d like to overwrite and use your own CSS to design your web form, place your code here (optional)

  10. Custom Javascript: If you’d like to overwrite and use your own Javascript to design your web form, place your code here (optional)

  11. Display: Select where you would like to have your web form widget displayed

4.1.2: Web Form Shortcodes


Creating shortcodes for web forms


  1. From within WordPress, click on “Leadsius” in the sidebar menu and select “Web form”

  2. Click “Add new shortcode form”

  3. Populate required fields and click “save”


Adding shortcodes for web forms

When editing a page or post within WordPress, you have the option to add a previously created shortcode to this page or post.

To do so, place your cursor at the desired location, click the Leadsius tab located within your toolbar and select which shortcode you wish to embed. Here’s a glimpse of how this will appear in your toolbar:


 


*Description of fields when customizing web form shortcode:


 

  1. Name: Create a name for your web form shortcode that will be displayed only in the backend of your WordPress theme

  2. Form: Select the Leadsius web form you would like to use

  3. Title: Create a title for your web form that will be displayed on your website (optional)

  4. Body: Create body text for your web form that will be displayed on your website (optional)


*If you have previously created widgets or shortcodes for your Leadsius web forms or CTA’s in WordPress, they will be displayed above (within this section) with information on where they are featured across your website.