Skip to main content

WordPress CMS Setup Guide

This documentation is based on a hosted version of WordPress, version 5.7.4.

Script​

  1. In your WordPress account, go to the Pages menu.

  2. Create a new page or hover over the page that you want to edit, then click Edit.

    In your WordPress account

  3. In the page editor, find the section that includes options to insert a script. Add the LCAI SDK script to the Header section. Note: Be sure to update the data-org-id value with that of your organization.

    page editor

<script
  id="auroraLCAI"
  data-org-id="your-organization-id"
  src="https://leads.aurorasolar.com/lead-capture-sdk-v1.js"
  type="text/javascript"
></script>

💡 The Javascript fields in this example have been added via WordPress "Custom Fields". If you don't have the same options available it may be necessary to install a Javascript plugin such as this one. Many plugins, both free and paid, are available.

  1. Save your draft and move on to adding the Discovery Widget or associate LCAI to a CTA button.

Discovery Widget​

  1. In your WordPress account, go to the Pages menu.

  2. Create a new page or hover over the page that you want to edit, then click Edit.

    Create new page

  3. In your page layout, find the section where you'd like to add the Discovery widget. In the editor window, click "Text" instead of "Visual" to see the HTML version. Here's a simplified example of what this should look like:

    In your page layout

  4. Add the following in the area where you want to add the Discovery Widget:

<div id="lcaiWidget"></div>

In the example above the result is:

Example result

  1. Save your draft page and hit Preview to see the result

    Save draft page and hit preview

In the above simplified example the content looks like this:

Example result

  1. Continue to edit the page as needed to refine the layout. Once satisfied, Save and Publish the page.

CTA Button (to open Lead Capture Experience)​

  1. In your WordPress account, go to the Pages menu.
  2. Create a new page or hover over the page that you want to edit, then click Edit.

Example result

  1. In your page layout, find the content area that includes the button or Call to Action you'd like to associate with Lead Capture AI. In the editor window, click "Text" instead of "Visual" to see the HTML version.
  2. Find the code for your button. Add a "class" descriptor to that button. Here's a simplified example, although in your case it's likely that additional CSS and styling will also be present.
<button class="lcaiCta">Button text</button>

💡 Existing hyperlinks associated with the button should be removed if editing an existing button. Make sure there is no code that attempts to open a new tab.


  1. Save your draft page and hit Preview to see the result
  2. Continue to edit the page as needed to refine the layout. Once satisfied, Save and Publish the page.