A slot is a block of section of a page (or multiple pages) configured to allow replacing the content with a personalized version. The content shown in the slot is based on visitor information including, but not limited to: visitor’s location, interests, or pages visited; and defined by a campaign’s rules. Use slots with rules to test your visitors’ reactions to customized content, and ensure your marketing strategy works.
You can create slots by either clicking the webpage, manually embedding code, or using CSS selectors.
Creating a slot
To create a slot:
- Sign in to Personalization as an administrator.
- Click Campaigns.
- Find the campaign you want to edit, and then click the Edit link.
- Click Save and continue to go to the Add or Edit Rules page.
- Select Build or Build Experience, depending on your campaign type. The website displays, and the visual builder toolbars display.
- Click the New Slot button in the left side of the lower visual builder toolbar.
Click the Point & Click Slot or Manual Slot option from the menu.
Note
To use Personalization on non-Drupal websites, use the Manual Slot method.
Your new slot is now available for content.
CSS selectors
You can manually enter a webpage element’s CSS selector(s) into the labeled field on a slot card. Personalization can use any selector or group of selectors defined with CSS to define your slot region.
You can enter one or more selectors into the field to define the slot region on the webpage.
The selector or group of selectors entered into the field:
- must be unique across all the slots on your website.
- must not belong to a page element whose parent or child element is also a Personalization slot.
must target an HTML block-level element on the page, such as:
p
li
div
- headers (
h1
,h2
, and others)
Note
Acquia doesn’t recommend using special-use tags such as
image
,canvas
,video
,br
, orhr
. These tags are too common to work well for slots.
These restrictions ensure slots don’t overlap with each other on your webpage, and help prevent two slots from using the same region of your website.
An example of a selector group which is usable by Personalization:
#first-line div > p
Entering this code into the slot’s CSS Selector field enables Personalization to use a paragraph in a div
that uses the ID first-line
as a Personalization slot. You can change the CSS selector entered into the field on the slot card at any time, which changes where the slot renders on the webpage. Any rules you have created for the slot aren’t affected when you change the slot’s CSS selector.
Slot pages
Define one page per line. Paths may use wildcard definitions and can start with “!” to exclude a particular pattern.
Path example | Description |
---|---|
/ | This slot exists on the home or front page of your website. |
/* | This slot exists on all pages of your website. |
/article/* | This slot exists on all pages prefixed by /article/ on your website. |
!/article/news/* | This slot does not exist on all pages prefixed by /article/news/ on your website. |
Each slot can support multiple subpages on a customer’s site. The following table lists a few example target pages and their corresponding paths that you can add to your slot:
Target page | Path example |
---|---|
https://www.acquia.com/platform/drupal-hosting | /platform/drupal-hosting |
https://www.acquia.com/products/drupal-cloud/edge | /products/drupal-cloud/edge |
https://www.acquia.com/blog | /blog |
Editing or removing a slot
To edit or remove a slot:
- Sign in to Personalization.
- Click Campaigns.
- Find a campaign, and then click Edit.
- Click Save and continue to go to the Add or Edit Rules page.
- Click Edit experience for Targeted tests, or Edit for A/B tests.
- In the lower visual builder toolbar, click the Number of slots menu.
- Select the slot to edit, and then click Edit slot to update the content, or Remove slot to delete the slot.
- Click Save & continue when finished.
When you delete a slot, the rules associated with the slot are cleared from the cache.
Note
If a slot has a published or scheduled rule, you can’t delete the slot. You will receive an error message that you can’t perform this action.