Sitewide Promo-Bar

Description

Implement a customized promotion bar that spans your entire store, allowing you to communicate essential information to shoppers throughout the purchase journey.

Hypothesis

People can typically hold only about five items in their working memory at once. By consistently displaying unique selling propositions (USPs), we allow shoppers to free up their cognitive resources for browsing and shopping, while ensuring that these compelling USPs remain top of mind.

Prediction

Consistently presenting key information enhances motivation, boosts engagement, and ultimately leads to higher conversion rates.

Potential uplift of 10% to 12% in CR.

Setting up the experience on Visually:

BUILD TIME: 3 MINUTES

Step 1 - Set the scope

Start by defining the conditions required for the experience to activate. 

Please keep in mind that the reports will gather data based on the defined scope, so accuracy is key. Setting a scope larger than required can dilute the data by including sessions which weren’t actually impacted by the changes.

Audience → make sure that this parameter is set to ‘All Visitors’.

Pages → make sure that this parameter is set to ‘All Pages’.

Devices → set to 'Mobile Only'.

Trigger → make sure that this parameter is set to 'Page Load'.

Step 2 - Set the changes

Add the content block → click on ‘Content Blocks’ → click on the store’s header → click on ‘Append Before’ → click on ‘Continue’ → select ‘Promotion Bar’.

Set the promotion bar → set the layout → add the text, you can set up to 3 messages at the same time, including links.

Tailor the design → align the design/static content to fit your brand identity.

We recommend saving your styling selections for future use. For more information on reusing styles, refer to this article.

Apply changes to all pages → ensure that all modifications are set to display on 'Mobile All Pages' so that the experience is consistently applied sitewide.

Save the experience → click on 'Save' → assign a name to your experience → provide a description (optional) → click 'Next' to confirm.

Step 3 - Preview & QA

To ensure that the experience functions correctly before publishing, we strongly recommend conducting a quality assurance (QA) session using our ‘Preview’ feature.

1. Click on ‘Preview’ → ‘Share’ → ‘Copy Link’
   
   
2. Use this link on the target device(s) for more accurate insights.
   For optimal results, we suggest running this QA in incognito mode to eliminate any cookies that may influence the testing process.
   
   
3. For additional guidance on performing quality assurance with Visually, please refer to this article.

Step 4 - Finalize & Publish

We highly recommend conducting an A/B validation to evaluate the impact of this experience on your store's performance.

To begin → click on ‘Next’.

Initiate an A/B test → navigate to section 3 and select ‘Yes, sure’.

Name your variation(s) → we suggest naming variations based on the hypothesis you’re testing and how they differ from each others, such as:

• Original / 3 USPS
• Original / LIGHT
• 3 USPS / 2 USPS
• LIGHT / DARK
  
  

Determine the allocation → we suggest starting with a 50/50 split to obtain results quickly and reliably. 

• If you prefer to conduct a preliminary sanity check, consider a 80/20 allocation for initial validation, then transition to 50/50 for comprehensive testing.
  
  
• Keep in mind that achieving statistical significance may take several days, especially with lower allocations. For guidance on analyzing and monitoring your A/B tests, refer to this article.
  
  

Set the metric goals → click on ‘+’ to select goals → for this experience, we recommend the following KPIs:

• Conversion Rate
• Average Order Value
• Per Session Value
• Click-Through-Rate (CTR)
  
  

Set the primary metric → we recommend setting ‘Conversion Rate’.

Send metrics to GA4 (optional) → check the box for ‘Send events to Google Analytics’.

Publish the experience → click on ‘Publish’ and confirm when ready.