Dynamic Text Replacement

Dynamic text replacement (DTR) is a technique used in landing pages for Pay-Per-Click (PPC) marketing to dynamically change the text on a landing page based on the keywords used in a user's search query. This allows marketers to provide a personalized and relevant experience for each user, improving the chances of converting them into a customer.

How it works

The Dynamic Text Replacement (DTR) module in the Generator theme for HubSpot CMS offers a smart solution to personalize landing page content. It works by dynamically changing specified text on your page based on a keyword defined in the URL. This method allows for a single page to adapt its text to match the user's search query and the clicked ad text.

For instance, if your ad targets a specific keyword, you can set your ad's destination URL to include this keyword. The DTR module then detects this keyword in the URL and automatically replaces predefined text on the page with it.

This alignment of ad text and landing page content not only improves your Google Ads Quality Score but also boosts conversion rates by making the page more relevant to the user.

In the past, achieving this level of customization would require creating dozens or even hundreds of different pages. The DTR module simplifies this process, enabling you to achieve the same result with just one page, saving significant time and resources.

Accessing the module

To access and utilize the Dynamic Text Replacement module in your HubSpot CMS:

1. Navigate to the HubSpot Website Editor: Open the page where you wish to use the module.
2. Add the Module:
   • Click the plus button located on the top left side of the page in HubSpot’s website editor.
   • In the modules section, search for 'Dynamic Text' module.
   • Drag and drop the module onto your page, positioning it in the desired location where you want the dynamic text to appear.

Content configuration

Configuring the content in the Dynamic Text Replacement module is a straightforward process that enables dynamic personalization based on URL parameters. Here’s how to do it:

1. Enter the Default Text:
   • In the Text field of the module, type in the default H1 heading text that should appear on your page.
   • To indicate where the dynamic text from the URL should be inserted, use the placeholder [keyword] within this text. For example, for a lead generation focused heading like “Find Luxury Homes in [keyword],” the [keyword] will be dynamically replaced with the relevant location.
2. Configure the URL Parameter:
   • In the URL Parameter field, specify the key that will be used in your URL to trigger the text swap.
   • This key is part of the URL query parameter. For instance, in the URL www.realestate.com?location=manhattan, “location” is the URL parameter key. The module will substitute [keyword] in your H1 text with the value following location= in the URL.
   • Ensure the URL parameter key set in the module corresponds with the key you intend to use in your URLs.

Example

• Default H1 Text: “Find Luxury Homes in [keyword]”
• URL Parameter Key: “location”
• URL: www.realestate.com?location=manhattan
• Resulting H1 Text on Page: “Find Luxury Homes in Manhattan”

By following these steps, you can effectively set up the Dynamic Text Replacement module to personalize your page’s H1 heading based on specific keywords in your page URL. This customization is particularly beneficial for enhancing the relevance and effectiveness of your lead generation pages.

Styles configuration

This module does not contain styling.

Best practices

• Ideal Use Case: The Dynamic Text Replacement module is most effective when used for the H1 heading text. This is because the H1 tag typically defines the main subject of your page and is crucial for SEO and user engagement.
• Placement Above the Fold: It's recommended to place the H1 heading with the dynamic text above the fold. This ensures immediate visibility and relevance for visitors, enhancing the impact of the personalized content.
• Singular Use: Aim to have only one H1 heading on your page. This practice maintains a clear, hierarchical structure for both search engines and users, enhancing the overall effectiveness of your page’s SEO and user experience.

Resources

Learn more about URL parameters