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, or hr. 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.

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:

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.