Providing content that is personalized to a visitor helps to increase conversions. With SharpSpring's Landing Pages, you can add dynamic web content without the need for a developer. Let's walk through the steps in setting up dynamic web content with SharpSpring Landing Pages.
Elements that can be Dynamic
Header (<h1> through <h6>), paragraph (<p>) and image (<img>) elements can all be made dynamic.
Dynamic Content Rules
Dynamic Content Rules will be what SharpSpring uses to control what content a specific visitor sees based on information we know about that visitor in your instance of SharpSpring. To create Dynamic Content Rules, begin by clicking on the Dynamic Content icon (the red lightning bolt) in the left sidebar navigation of the Landing Page Editor. From here, click "Add Rule" to begin adding our first rule.
Rules are created in the Manage Rules modal. You can choose to use a rule group that you have built before ("Select Rule Group") or start fresh by creating a New Rule Group. When creating a New Rule Group, you'll be prompted to provide a name for the group, and then choose the criteria for the rule group.
First, we'll need to choose whether or not we could like to have the rule group take ALL or ANY of the dynamic rule criteria into consideration when evaluating the rules.
Next, we will Add a New Rule Attribute. Rule Attributes are the System Fields or Custom Fields taht are being taken into consideration when evaluating which content to show. For example, if there is a Custom Field in SharpSpring called "Travel Category" that contains the values "Adventure, Family, History, and Relaxation", then we could create a Rule Attribute for Travel Category.
Once you have made your selection, you need to choose how we are evaluating the Rule Attribute. Different Field Types will have different conditionals, outlined below.
|Equal To, Not Equal To||Text Input, Text Area, Drop-Down Select, Country, States, Boolean, Checkbox Group, Radio Group, Phone Number, URL, Bit|
|Equal To, Not Equal To, Greater Than or Equal, Less Than or Equal, Greater Than, Less Than, Between, Between or Equal, Outside of Range||Date Picker, DateTime Picker, Lead Score|
The following Field Types are unable to be used as Rule Attributes
- File Upload
- Attachment URL
You can add as many attributes as you like to a Rule Attribute. Once you have finished, save your new Dynamic Rule Category with the button in the lower right-hand corner of the modal.
Now that we have created our Dynamic Content Rules, let's set the values that we will look for when using Dynamic Content.
Configuring Dynamic Content Rule Segments
Once you have created a Dynamic Content Rule, you will see the lightning bolt in the left sidebar navigation turn red. This indicates there are active rules on the page. Clicking the lightning bolt will open the Dynamic Content Rules. Here, we can set the conditionals for our existing rules, or Add a New Rule Attribute.
In order for SharpSpring to know how we would like to differentiate our content, we need to create Rule Segments. Rule Segments effectively are the variations of our Field Type and the conditional. For example, let's reference the Travel Category field again. In our Rule Attribute, we stated we would like to capture "Travel Category Equal To". The Rule Segments will be the different values that the Travel Category could be Equal To.
NOTE: Rule Groups and Rule Segments are universal, and modifications to either will impact all emails or landing pages the rules are currently applied.
Once your Rule Segments have been created for your Rule Attributes, we can now start making our content dynamic. Head back into the page editor by clicking the pencil icon on the left sidebar navigation, and then right click on the element you would like to make dynamic. You will be able to choose from the multiple Dynamic Content Rules you have created, and then a right-hand column will appear where you will set the content.
Now that our Dynamic Content Rules are in place, we can preview the multiple variations of the page by using the Preview icon. In addition to the Mobile, Desktop, and Tablet previews previously available, we can now preview how the page will look when the different content is in place.
Now that we have set our content, let's test to make sure the content will by dynamic. To do so, make sure that you are a Lead in your own instance of SharpSpring and that tracking has been established on your device. On your own Lead Record, make the changes to the Fields you used in the Dynamic Content Rules, view the published page, and then change the Field on your own record. Return to the page and refresh. You should see the content of the page has changed based on the value in those fields.
Using Merge Variables in Landing Pages
Similar to setting up merge variables in emails, we can do the same on our Landing Pages. Simply select the text that you want to show as default, in case we don't have information for that visitor, then in the toolbar select the Merge Variable drop-down. Then, select the merge variable you want to show, such as First Name, and click back into the landing page.