The AI-powered Site Customization Agent allows you to customize website experiences for specific Audiences or account lists. See Understanding Site Customization.
Users can interact with the Site Customization Agent directly within the Experience Builder through a conversational interface. Instead of manual configuration, you can describe edits in natural-language and provide additional context, such as screenshots or mockups. The agent then generates and applies updates to the experience.
You can also manually customize website experiences. See Create a Site Customization Experience.
Key Features
- Conversational Interface: Create and refine experiences using natural-language prompts.
-
Flexible customizations:
- Text: Update headlines, body copy, button labels, and other plain text.
- HTML: Replace content that includes formatting or nested elements.
-
Images: Edit images.
Important: Images require a URL to the asset. Demandbase does not host assets. - Links: Edit the destination URL of any link element.
- CSS styles: Adjust colors, fonts, borders, and other visual properties.
- Location-based targeting: Define targeting rules based on location.
- Controlled Edits: Preview edits in the Experience Builder.
Prompt Best Practices
- Be specific about the element to edit.
- Use selected elements as context.
- Include URLs when replacing images or links.
- If an edit looks incorrect, describe the issue and request an adjustment.
- Provide any additional context that may help the agent understand your brand, website, or task, such as style guides, screenshots, mockups, or detailed task descriptions.
Tip: You can also attach supporting files as needed.
| Effective Prompts | Ineffective Prompts |
| Edit the hero headline to “Built for enterprise teams”. | Update the text. |
| Update the main CTA button text to “Request a Demo”. | Make it look better. |
| Change the hero section background color to navy blue. | Change the color. |
Prompt Examples
| Customization | Prompt Example |
|
Edit images.
|
Replace the hero image with https://example.com/new-hero.jpg |
|
Edit links.
|
Text only: Change the “Products” nav link to “Solutions”. URL only: Update the “Learn More” button to point to https://demandbase.com/solutions. Both: Change the “Learn More” link to say “See It In Action” and point to https://demandbase.com/demo. |
|
Edit styles.
|
Change the hero section background to “dark blue”. Make the headline text “white”. Increase the font size of the paragraph text in the pricing section. |
| Edit elements. | Change the hero h1 to “GTM using Demandbase” |
| Make multiple edits in one prompt. |
Update the headline, subheadline, and CTA button text. Change all buttons to “blue”. |
| Edit location-based targeting. |
Show this experience only in North America. Show this experience only in France. |
| Use previously built experiences as a reference | Explore my last 5 experiences and use them as a reference for this one. I’m working on experience for <account>/<Audience>. |
| Provide a link to a previously built experience as a reference | I built this experience <link>, can you use it as a template for a medical industry version? |
Prerequisites
- See Create a Site Customization Experience for list of prerequisites.
- You must have a license for Personalization.
- You must first create target account lists to use with customized experiences. See Create an Account List.
Steps
- From the left navigation bar, go to
Personalization > Site Customization.
- Click Create New.
- In the configuration pop-up, enter the following:
- Experience Name: Name of the experience.
- Account List: Account list you want to target.
- URL: The page URL you want to customize.
- Click Create.
- In Experience Builder > Visual tab, click
Personalize.
- (Optional) If you want Demandbase to suggest modifications as a starting point, click Generate modifications.
- Enter prompts to edit the web page.
Tip: You can also click the following actions in the chat box:- Clear chat history.
- Activate selection mode.
Important: Selection mode allows you to select elements in the preview panel and add them as context in your message to the agent. - Attach files.
- Enter prompts to target visitors by location. See Target Visitors By Location.
- Click Apply.
Tips:- To discard edits, click Never mind.
- Click Thumbs Up or Thumbs Down to help improve results.
- Manually complete the following steps in Site Customization:
Troubleshooting
Why was my edit applied to the wrong element?
This typically happens due to selector ambiguity. The agent may match a similar element on the page instead of the intended one. Try being more specific in your prompt (e.g., reference the section, position, or exact text of the element).
Why didn’t my image update?
The agent requires a direct image URL to make replacements. Vague descriptions like “use a better image” won’t work. Provide a specific, publicly accessible image link.
Why is the agent saying it can’t edit something?
Some elements or modification types aren’t supported (for example, certain embedded components or structural edits). If this happens, try rephrasing your request or adjusting a different part of the page.
How do I undo or reset edits?
Edits can’t be undone or reset through the Site Customization Agent. You must manually undo edits in the Experience Builder.
Why aren’t my edits showing on the live site?
Edits must be saved and activated before they appear live. Make sure you’ve completed both steps in the experience builder.
What is the "broken selector" warning in the modification panel?
The selector used for the edit is missing from the page or is invalid. In the next interaction, the agent can detect the broken selector and attempts to automatically fix the edit.
Can I apply Demandbase dynamic fields and firmographic attributes using Site Customization Agent?
No, you can only manually apply Demandbase dynamic fields and firmographic attributes in the Experience Builder.