Focus items, also commonly known as pop-ups, modals, or lightboxes, are often used to present a specific marketing message to website visitors. In Campaign Studio, you can select from a variety of focus item styles, goals, and engagement techniques.
To create a focus item:
Publish at: Set the date and time you want the focus item to publish. This helps to control relevance, and does not require you to manually publish focus items at the right time.
To schedule a focus item to publish at a specified date and time:
Set Published to Yes.
Campaign Studio marks the focus item as Pending and publishes it at the scheduled date and time.
Unpublish at: Set the date and time you want a focus item to unpublish. item to be inactive. This helps to control relevance, and does not require you to manually unpublish focus items at the right time, such as at the end of a marketing campaign.
To schedule a published focus item to unpublish at a specified date and time:
Click the Unpublish at (date/time) box and select your preferred date and time from the Date and Time picker.
Campaign Studio unpublishes the focus item at the scheduled date and time.
The Date and Time picker shows the date and time according to the default timezone set for your user’s profile in System Settings. Therefore, before scheduling a focus item to publish or unpublish, you must check the default timezone.
After you specify the general information for the focus item, click the Builder option in the top right corner. If you have specified a URL in the Website field on the details page, the system displays a preview. Otherwise, the website might block iframe previews. Hence, you must add the focus item to a development or staging environment (if available) to see the preview.
The preview does not appear until you select a style.
You can create the focus item on the sidebar on the right, while the preview area lets you see what the focus item will actually look like on your website.
Each of the three types of focus items has the same options for how and when it should appear.
Focus items can have any one of the four different appearances, each with unique configuration options.
The Bar style is a line across the top or bottom of the page that includes the content of your focus item.
Placement: Select this option to ensure that the focus item bar appears at either the top or bottom of the page.
If you select bottom, the options above are reversed. For example, if the Placement is set to bottom and Push page down? is set to Yes, the bar pushes the bottom content of the page up above the bar. If Push page down? is set to No, the bar covers the content at the very bottom of the page.
The Modal style is the most commonly used style and is often referred to as a pop-up, lightbox.
The modal is a small box that appears aligned horizontally centered on the page. The content of the main page is darkened when the focus item is active, to draw attention (focus) to the pop-up.
Visitors can close this focus item type with the X button in the top right corner of the modal.
The Notification style is a small box and can be referred to as a pop-up.
Unlike the modal, the positioning is in one of the four corners of the page and the main page content is not darkened behind the focus item.
Visitors can close this focus item type with the X button in the top right corner of the notification.
This focus item type completely takes over the page, hiding the rest of the page content until the visitor clicks the X button in the top right corner of the focus item.
There are no additional configuration options for the full page focus item.
There are four color options on focus items that you use to customize the look of the item. For all four options, you may use the color picker or enter a hex code.
To customize the focus item, you can choose from three content editing modes. All three modes support custom CSS.
This editor mode offers a few fields, depending on the focus item type, and automatically enters the content in the focus item.
This editor mode uses the same WYSIWYG editor used for global tokens, dynamic web content,
This editor mode presents a blank field to write or paste the HTML code for a fully customized focus item.
If you switch content editing modes, ensure that you clear the content from the previous editing mode. If you do not do so, Campaign Studio may not display the final intended content.
Once you build your focus item content and the same is ready to go on your site, set the Published toggle bar to Yes or set a publish at date and time and click Save and Close. If you are not ready to publish yet, you can add the code to your site and publish the focus item later. Unpublished focus items are not displayed on any page, even if the code for the focus item exists on a page.
Adding a focus item to your website may require assistance from other members of your organization, such as your web development team.
On the focus item detail page, you see a box in the top right corner. Copy the code snippet and paste it onto your page before the closing body tag.
You must specify your website’s domain in the instance’s CORS settings for the focus item to appear. To check this setting or add the domain, click Settings > Configuration > System Settings > CORS Settings, set Restrict Domains to Yes, and specify your site’s domain. Alternatively, set Restrict Domains to No and do not specify your domain.
This is to ensure that other websites cannot add your focus item, which might result in spam form submissions or website traffic.
You may also display the focus item without pasting the code on your site. Within a campaign, add a decision for Visits a Page, select the action option: Show Focus Item, choose the focus item you want to display once a visitor lands on the page specified in the decision.
Acquia is aware of an issue where the Show Focus Item campaign action does not work properly
You can add a focus item to a Campaign Studio landing page. In any text block or code mode block, use the shortcode {focus=ID#}, replacing ID# with the ID number of the focus item you want to display.
To add a focus item to dynamic web content, you must use the {focus=ID#} shortcode and replace ID# with the ID number of the focus item you want to display.
Campaign Studio displays the preview of the focus item when you start building the focus item. The preview depicts the look and feel of the focus item. You can add the focus item code to your page or site in a dev or staging environment to test the feature thoroughly.
The following is a checklist of items to consider testing:
To verify if a focus item is displayed properly from a campaign action or if it stops engaging after a conversion, you must be tracked as a known contact. The first steps for both tests are the same:
To test the campaign action, add your contact to the campaign you want to test.
To test if a focus item stops after a conversion, navigate to a page where the focus item is expected to display. Use the incognito window where you have identified yourself using the form.
For focus items where you select the type as Emphasize a Link, Campaign Studio displays the link on the focus item detail page. You can click the number in the Unique Clicks column to view the list of contacts who have clicked the link.
If you change the link in the focus item, Campaign Studio lists all the links. Hence, you can view the links that were clicked from the focus item.
Additionally, UTM tags on focus items apply to both link tracking and form submissions. For focus items used to collect data, Acquia recommends using a form submit action to record UTM tags.
If this content did not answer your questions, try searching or contacting our support team for further assistance.
Focus items, also commonly known as pop-ups, modals, or lightboxes, are often used to present a specific marketing message to website visitors. In Campaign Studio, you can select from a variety of focus item styles, goals, and engagement techniques.
To create a focus item:
Publish at: Set the date and time you want the focus item to publish. This helps to control relevance, and does not require you to manually publish focus items at the right time.
To schedule a focus item to publish at a specified date and time:
Set Published to Yes.
Campaign Studio marks the focus item as Pending and publishes it at the scheduled date and time.
Unpublish at: Set the date and time you want a focus item to unpublish. item to be inactive. This helps to control relevance, and does not require you to manually unpublish focus items at the right time, such as at the end of a marketing campaign.
To schedule a published focus item to unpublish at a specified date and time:
Click the Unpublish at (date/time) box and select your preferred date and time from the Date and Time picker.
Campaign Studio unpublishes the focus item at the scheduled date and time.
The Date and Time picker shows the date and time according to the default timezone set for your user’s profile in System Settings. Therefore, before scheduling a focus item to publish or unpublish, you must check the default timezone.
After you specify the general information for the focus item, click the Builder option in the top right corner. If you have specified a URL in the Website field on the details page, the system displays a preview. Otherwise, the website might block iframe previews. Hence, you must add the focus item to a development or staging environment (if available) to see the preview.
The preview does not appear until you select a style.
You can create the focus item on the sidebar on the right, while the preview area lets you see what the focus item will actually look like on your website.
Each of the three types of focus items has the same options for how and when it should appear.
Focus items can have any one of the four different appearances, each with unique configuration options.
The Bar style is a line across the top or bottom of the page that includes the content of your focus item.
Placement: Select this option to ensure that the focus item bar appears at either the top or bottom of the page.
If you select bottom, the options above are reversed. For example, if the Placement is set to bottom and Push page down? is set to Yes, the bar pushes the bottom content of the page up above the bar. If Push page down? is set to No, the bar covers the content at the very bottom of the page.
The Modal style is the most commonly used style and is often referred to as a pop-up, lightbox.
The modal is a small box that appears aligned horizontally centered on the page. The content of the main page is darkened when the focus item is active, to draw attention (focus) to the pop-up.
Visitors can close this focus item type with the X button in the top right corner of the modal.
The Notification style is a small box and can be referred to as a pop-up.
Unlike the modal, the positioning is in one of the four corners of the page and the main page content is not darkened behind the focus item.
Visitors can close this focus item type with the X button in the top right corner of the notification.
This focus item type completely takes over the page, hiding the rest of the page content until the visitor clicks the X button in the top right corner of the focus item.
There are no additional configuration options for the full page focus item.
There are four color options on focus items that you use to customize the look of the item. For all four options, you may use the color picker or enter a hex code.
To customize the focus item, you can choose from three content editing modes. All three modes support custom CSS.
This editor mode offers a few fields, depending on the focus item type, and automatically enters the content in the focus item.
This editor mode uses the same WYSIWYG editor used for global tokens, dynamic web content,
This editor mode presents a blank field to write or paste the HTML code for a fully customized focus item.
If you switch content editing modes, ensure that you clear the content from the previous editing mode. If you do not do so, Campaign Studio may not display the final intended content.
Once you build your focus item content and the same is ready to go on your site, set the Published toggle bar to Yes or set a publish at date and time and click Save and Close. If you are not ready to publish yet, you can add the code to your site and publish the focus item later. Unpublished focus items are not displayed on any page, even if the code for the focus item exists on a page.
Adding a focus item to your website may require assistance from other members of your organization, such as your web development team.
On the focus item detail page, you see a box in the top right corner. Copy the code snippet and paste it onto your page before the closing body tag.
You must specify your website’s domain in the instance’s CORS settings for the focus item to appear. To check this setting or add the domain, click Settings > Configuration > System Settings > CORS Settings, set Restrict Domains to Yes, and specify your site’s domain. Alternatively, set Restrict Domains to No and do not specify your domain.
This is to ensure that other websites cannot add your focus item, which might result in spam form submissions or website traffic.
You may also display the focus item without pasting the code on your site. Within a campaign, add a decision for Visits a Page, select the action option: Show Focus Item, choose the focus item you want to display once a visitor lands on the page specified in the decision.
Acquia is aware of an issue where the Show Focus Item campaign action does not work properly
You can add a focus item to a Campaign Studio landing page. In any text block or code mode block, use the shortcode {focus=ID#}, replacing ID# with the ID number of the focus item you want to display.
To add a focus item to dynamic web content, you must use the {focus=ID#} shortcode and replace ID# with the ID number of the focus item you want to display.
Campaign Studio displays the preview of the focus item when you start building the focus item. The preview depicts the look and feel of the focus item. You can add the focus item code to your page or site in a dev or staging environment to test the feature thoroughly.
The following is a checklist of items to consider testing:
To verify if a focus item is displayed properly from a campaign action or if it stops engaging after a conversion, you must be tracked as a known contact. The first steps for both tests are the same:
To test the campaign action, add your contact to the campaign you want to test.
To test if a focus item stops after a conversion, navigate to a page where the focus item is expected to display. Use the incognito window where you have identified yourself using the form.
For focus items where you select the type as Emphasize a Link, Campaign Studio displays the link on the focus item detail page. You can click the number in the Unique Clicks column to view the list of contacts who have clicked the link.
If you change the link in the focus item, Campaign Studio lists all the links. Hence, you can view the links that were clicked from the focus item.
Additionally, UTM tags on focus items apply to both link tracking and form submissions. For focus items used to collect data, Acquia recommends using a form submit action to record UTM tags.
If this content did not answer your questions, try searching or contacting our support team for further assistance.
Campaign Studio