6 Personalization Demos

How we did it

It couldn’t be simpler; we just pasted the Country DKI shortcode into the sentence.

The shortcode inherits the style from the wrapping element.

How we did it:

Since we wanted to create 249 different versions of content (one version per country), we chose to use our CSV extension instead of creating a standard if-then dynamic trigger. The CSV extension was built to add and manage thousands of different versions with ease and with minimal effect on the loading speed.

1) We created a new “If-So Bulk”, and uploaded the pre-made countries’ flags CSV file that you can download from our site. After uploading the file, it is editable directly from the site.

This is how it looks:

2) We pasted the shortcode that displays the content of column C on the page:

How we did it:

We used the query string DKI shortcode below to display the parameter “example” value.

{YOUR NAME}

Here is how it looks on the editing side:

How we did it:

Step 1: Creating the audiences
On the WordPress dashboard, under If-So > Audiences, we clicked “add a new audience” and created three audiences: “Gutenberg”, “Elementor”, and “Other”.

Step 2: Creating the self-selection form
Still, on the audiences page (If-So > Audience on your dashboard), we used the self-selection form generator to generate the shortcode that will show the form and paste the shortcode on the page.

* To enable the self-selection form, you need to install the Audience Self-selection Form Extension

The shortcode used to create the form on this page is:

                        
                            Select
                            GutenbergElementorOther
				
                        
                        
                        
                        
                        
                    

Other options included in the form generator are:

• Selecting the form type – selection form (as in our example), or radio buttons.
• Reloading the page after the user selection or assigning users to an audience in the background using Ajax (this option is useful if you want to use several selection fields on the same page).
• Redirection – choose where to redirect users after form submission.
• And more…

Step 3: Creating a trigger with the audience condition
We created a dynamic trigger with four different versions. One version for each audience, and one version as the default content displayed if the visitor hasn’t selected a preference.

How we did it:
We created a trigger with the content of the pop-ups as the dynamic versions and set the trigger’s content to be displayed as a pop-up.

Displaying the trigger’s content as a pop-up

To make the trigger’s content appear as a pop-up, we installed the Trigger Events Extension and added two parameters to the triggers’ shortcode: ajax=”yes” and display=”modal”.

Here’s how the shortcode looks on our page:

As you can see in the shortcode, we also included the parameter closebtn=’#IfsoModalClose’. Adding the parameter overrides the default pop-up closing functionality of closing by clicking the background or the small “X” that appears at the top right corner. Instead, closing the model is done by clicking an element with the ID set as the parameter value.

The trigger

Pop-up #1

Pop-up #1 is displayed based on the page URL condition (If: Page URL > Contains > ?tips=yes Then: Show the dynamic version of pop-up #1).

In addition to the content of the pop-up, we included an If-So shortcode that adds a cookie with the name “tips” and the value “2”:

The shortcode allows you to assign a cookie with any name and value of your choice.

Here’s a screenshot of how it looks on our side:

Pop-up #2

Pop-up #2 is displayed based on the cookie assigned when pop-up #1 was displayed (If: Cookie > Name is “tips” and value is “2” Then: Show tip #2).

Since If-So checks the conditions based on their order in the trigger, from top to bottom, we dragged the version of pop-up #2 to be above the version of pop-up #1. In other words, if the cookie “tips”, cookie value “2” exists in the user’s browser, pop-up #2 is displayed; if not, then If-So checks the next condition, which is if Page URL > Contains > ?tips=yes.

Similar to what we did in the first version, we included the cookie shortcode again, this time to replace the cookie value from “2” to “3”.

3rd version – removing the cookie

Since we don’t want to keep showing pop-up #2 if the user revisits the page, we have set another version and placed it above the version of pop-up #2. The version doesn’t consist of content, only a shortcode that removes the cookie we have set in the previous version:

Default version

We left the default version blank since we don’t want the pop-up to be displayed if none of the conditions are met.