Index
1. Description 2. Examples 3. Installation
4. How to begin using
4.1. Adding web forms 4.1.1 Widgets
4.1.2 Shortcodes 4.2. Adding CTA’s 4.2.1 Widgets 4.2.2 Shortcodes 2 3 7 8 8 9 11 13 13 15
1. Description
The Leadsius WordPress plugin allows all Leadsius users to seamlessly integrate their existing WordPress websites and blogs with Leadsius in order to boost conversion rates and drive in more business.
If you do not yet have an account, you can signup free here.
• Track your leads’ actions across all website pages and posts
• Quickly add Leadsius web form widgets & shortcodes to pages across your website • Easily create call-to-action widgets & shortcodes that demand attention
and drive interest
• Effortless swapping of widgets and shortcodes to keep your website updated with the latest offers, promotions, events and more.
3
2. Examples
Leadsius for WorPress CTA examples:
In the example above, you will notice a CTA shortcode driving interest to a free trial registration as well as two CTA widgets at the bottom of the page - one driving to a webinar and the other to download an eBook.
Below you will find basic examples of what your website could look like using the Leadsius for WordPress plugin. If you would like to view this demo website for yourself,
click here. demoweb.leadsius.com
For these examples we’ve used our demo website, which is a fake business website for the purpose of showcasing our WordPress plugin.
In the example above, you will notice that we’ve double-exposed our eBook CTA widget, this time on a product page in hopes of boosting conversions rather than leaving the widget on the home page only.
Each page should have a CTA of some sort looking to drive interest to a web form whereby you convert your visitors into known leads.
Leadsius for WorPress web form examples:
In the example above you will notice the web form that pertains to our eBook download. In using WordPress you can easily create pages such as these that act as landing pages to convert after a CTA drives your visitors to them.
Tips: When creating a page like this to convert visitors into known leads, make sure that your text is direct and brief; focus on what your visitors will get by filling in the web form. Finally, make sure that the colors you use when designing your web form attract the eye in hopes of boosting your conversion rates.
In the example above you will notice a simple, single-field form used to generate blog subscription registrations. Sometimes less truly is more when it comes to the amount of fields used within your web form.
7
3. Installation
Installing Leadsius Wordpress Plugin
(using WordPress Admin Console)
a. Login to Leadsius and go to Settings > API
b. Create a new API key and assign it to a user. Make sure the checkbox is marked “Enabled”
c. Copy the API key and paste it into your Wordpress plugin settings 5. Add your System Key
a. Login to Leadsius and go to Settings > Account info
b. Copy the system key and paste it into your Wordpress plugin settings 6. Click “Save changes” in your Wordpress settings and you’re ready to go.
(manually via FTP)
1. Delete any previously created ‘Leadsius’ folder from the ‘/wp-content/plugins/’ directory
2. Upload ‘Leadsius’ zip file to the ‘/wp-content/plugins/’ directory 3. Activate Leadius plugin via the ‘Plugins’ menu in Wordpress
4. Once installed, click on “Leadsius” in your Wordpress sidebar menu and go to “Settings”
5. Add your Leadsius API token to Wordpress theme a. Login to Leadsius and go to Settings > APIs
b. Create a new API key and assign it to a user. Make sure the checkbox is marked “Enabled”
c. Copy the API key and paste it into your Wordpress plugin settings 6. Add your System Key
a. Login to Leadsius and go to Settings > Account info
b. Copy the system key and paste it into your Wordpress plugin settings 7. Click “Save changes” in your Wordpress settings and you’re ready to go.
1. From within WordPress, click on “Plugins” in the sidebar menu and click “add new” 2. Search for “Leadsius” and install “Leadsius for WordPress”
3. Once installed, click on “Leadsius” in your WordPress sidebar menu and go to “Settings”
4. How to begin using
4. 1 Adding web forms
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, visit our support article here.
Now that you’ve installed your Leadsius plugin, it’s time to begin creating shortcodes and widgets!
9
4. 1. 1 Web Form Widgets
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)
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
11
4. 1. 2 Web Form Shortcodes
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:
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”
*If you have previously created widgets or shortcodes for your Leadsius web forms or CTA’s in WordPress, they will be displayed above with information on where they are featured across your website.
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)
13
4. 2 Adding CTA’s
You can add CTA’s (call-to-actions) across your WordPress pages either by means of widgets or shortcodes. These CTA’s drive traffic via the URL of your choice either to other WordPress pages and posts or to landing pages that you have created in Leadsius.
You should be using your CTA’s to attract and drive traffic to pages that feature your web forms, whereby you then capture interest and nurture valuable relationships using
marketing automation.
4. 2. 1 CTA Widgets
1. From within WordPress, click on “Appearance” in the sidebar menu and click “widgets” 2. Select “Leadsius CTA” from your “Available widgets” section
3. Drag “Leadsius CTA” to desired widget area on the right (footer, sidebar, etc)
4. Populate all required fields, including the URL that you would like to drive traffic to and select your ‘Display’ page (where your CTA will be featured)
theme
2. Title: Create a title for your CTA that will be displayed on your website (optional)
3. Body: Create body text for your CTA that will be displayed on your website (optional)
4. Image: Select an image to be featured within your CTA widget on your website (optional)
5. Button text: Create text for the button your visitors will click to take action on
6. Button URL: Define the URL that your CTA button will drive your visitors to
7. Layout: Select whether you would like the layout of your CTA to be large or normal
8. Style: Select 1 of 2 available styles; naked or box. 9. Colors: If you select “box” as your style, you can select white, grey or none as your color.
15
4. 2. 1 CTA Shortcodes
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:
Creating shortcodes for CTA’s
1. From within WordPress, click on “Leadsius” in the sidebar menu and select “CTA” 2. Click “Add new shortcode form”
3. Populate required fields and click “save”
*If you have previously created widgets or shortcodes for your Leadsius web forms or CTA’s in WordPress, they will be displayed above with information on where they are featured across your website.
1. Name: Create a name for your CTA short code that will be displayed only in the backend of your
WordPress theme
2. Button text: Create text for the button your visitors will click to take action on
3. Button URL: Define the URL that your CTA button will drive your visitors to
