Loading...

Implementing DWC for websites

Campaign Studio dynamic web content (DWC) personalizes the web experience for contacts and website visitors. For example, when a returning visitor revisits a website, the website displays them a homepage banner featuring the products they previously viewed, rather than a generic message. It increases engagement and boosts conversion rates. DWC can also personalize headlines, calls to action, and images based on marketing channels or user behavior, such as showing a special offer to visitors coming from a specific campaign.

This page describes how to implement DWC for:

  • External webpages
  • Campaign Studio landing pages

Implementing DWC on an external website

Campaign Studio is CMS-agnostic, which enables the addition of a DWC slot to any website. After you determine the location on your website where you want to display the personalized content, you must create an area to add the content. To do this, create an HTML slot where the DWC must be displayed.

To create an HTML slot:

  1. On your webpage, add the following HTML tag to the area that you want to personalize:

    <div data-slot="dwc" data-param-slot-name="slotname">
    <h1>Default content</h1>
    </div>
  2. In the HTML tag, replace slotname with the value you entered for Requested Slot Name.
  3. Add your own default content between the <div> tags to ensure that some content version is displayed, even if a contact is anonymous or does not meet the criteria you have specified.

    If you are using WordPress and have the WordPress plugin enabled, you can use shortcodes to enter DWC. For example:

    [mautic type="content" slot="slotname"] Insert default content [/mautic]

Implementing DWC on a Campaign Studio landing page

Campaign Studio landing pages support both campaign-based and non-campaign-based DWC. In the landing page builder, add the DWC slot content that you want to display for contacts and visitors. 

  • For campaign-based DWC: A website visitor who is a contact in the campaign sees the DWC when they visit a landing page containing the DWC slot configured in the campaign decision.
  • For non-campaign based DWC:  A website visitor sees the DWC when they visit a landing page if they meet the filter criteria. If there are multiple slots sharing the same name, Campaign Studio matches the visitor to the filters for each slot and displays the appropriate one.

To add DWC to a Campaign Studio landing page:

  1. Log in to Campaign Studio.
  2. In the left navigation pane, click Components > Landing pages.
  3. Click + New to create a new landing page.

    For more information, visit Landing page basics.

  4. Click Builder.
  5. In the landing page Builder, drag and drop a content block where you want to use the DWC.

    For more information, visit Landing page builder.

  6. On the toolbar in the content area, click Merge tags.
  7. From the Insert merge tag pop-up window, select the DWC slot that you want to display on the landing page for contacts that meet the criteria. The builder populates with a token formatted as {dwc=slotname}.

Campaign Studio displays the personalized DWC on the landing page for the contacts that meet the criteria. If a visitor is anonymous or does not meet the criteria for the DWC, Campaign Studio displays the default content.

Did not find what you were looking for?

If this content did not answer your questions, try searching or contacting our support team for further assistance.

Back to Section navigation