How to Preview a Campaign
The Preview function in Because allows you to see how your campaign will visually appear on your website.
Last updated
The Preview function in Because allows you to see how your campaign will visually appear on your website.
Last updated
It’s a powerful tool to fine-tune the design and placement of your campaigns before they go live. Below is a step-by-step guide on how to use this feature effectively.
Open Your Campaign Editor
Navigate to the campaign you want to edit within the Because app.
Click “Preview Campaign”
In the bottom-right corner of the editor, you’ll see the option to “Preview Campaign.” Click it to open the preview experience.
Visual Display Only:
The Preview function focuses on how the campaign looks on your website. It does not check if the rules (e.g., product rules or cart rules) are passing.
Example: If your campaign is set to display only on shirts but you paste a pants page URL, the campaign will still appear in the preview.
Cloned Version of Your Site:
The preview operates on a cloned version of your live website, so any live campaigns currently running will still display alongside your previewed campaign.
Paste the URL of Your Target Page
Copy the URL of the page where you want to test your campaign (e.g., a product page).
Paste it into the field in the Preview tool and click “Preview Campaign.”
View the Preview
In the editor, locate the Preview Campaign button in the bottom right corner.
Enter the URL of the page where you want to preview your campaign and click Preview Campaign.
The Preview will load the campaign on the specified page, regardless of any rules you’ve set for the campaign. In this mode, your campaign will override its rules and force itself to display on the page you entered.
This allows you to focus on perfecting the visual design of your campaign without worrying about rule conditions. Keep in mind that this is only a display preview—it doesn’t confirm if the campaign will show under your defined rule conditions.
Make Design Changes in Real-Time
Go back to the editor and adjust elements like background color, font size, or placement.
Save your changes, then refresh the preview tab to see the updates instantly.
Adjust Campaign Placement
Use the “Position” section in the editor to move your campaign to different parts of the page (e.g., below the “Add to Cart” button).
Save and refresh the preview to see the updated placement.
Check Advanced Options
For campaigns that overlap visually, use the “Campaign Order” feature in the advanced settings to adjust the display hierarchy.
Choose Relevant Pages:
Use a URL for the type of page your campaign is targeting (e.g., the product page for a specific item if that’s where the campaign will run).
Team Collaboration:
Share the preview URL with team members for feedback. The link updates every time changes are saved, so your team can refresh the page to see the latest design.
Quick Gut Checks:
Use the preview to assess how multiple campaigns will look together and ensure the visual flow of your site isn’t disrupted.
Rule Testing:
While the Preview function does not verify if the rules you’ve set (e.g., cart or product conditions) are passing, you can test your rules using the Check Your Rules tool. This ensures your campaign displays under the correct conditions on the right pages.
For detailed instructions on using the Check Your Rules tool, see our help doc here.
If you have any questions or run into issues while using the Preview functionality, reach out to our support team at support@because.com.
With the Preview tool, you can ensure your campaigns look flawless before they go live. Test, tweak, and perfect your messaging to create a seamless customer experience!