Articles on: Getting started

AfterShip Personalization: Onboarding Checklist

Overview



Before the official installation of the product recommendation widgets across scenarios, there are a few configurations and minor adjustments that need to be done for each widget to maximize revenue generation for your store. Let’s discuss these configurations in phases as stated below.

Phase 1: Admin onboarding



To get started with AfterShip's Personalization features, follow the initial onboarding process in the admin panel. This will allow us to recommend the best upsell and cross-sell strategies tailored to your business goals. Based on your objectives, we will suggest widgets designed to help you achieve success, along with estimated growth and performance rates. These recommendations will guide you in selecting the most effective campaigns to increase revenue and improve customer experience.

Phase 2: Required widget configuration



Step 1. Exclude certain product types from recommending



There are certain product types that we suggest not displaying in the product recommendation results due to their irrelevance to the overall campaign strategy and need to be excluded from each widget’s display settings.

Go to a widget’s editor > Settings > Exclusions > Exclude specific products > Select products > Search test items > Confirm.

Product TypeMeaning
Test itemsSearch for Test products in your store and exclude them in the admin.
AfterShip Protection items (shipping insurance)Search for Protection in your store and exclude them in the admin. The exclusion process is the same as mentioned above.
Gift cardsSearch for Gift cards in your store and exclude them in the admin. The exclusion process is the same as mentioned above.
Free itemsGo to your store’s All products page and sort the products from Price: Lowest to Highest . Identify all the free products (if any) and exclude them from the product recommendations in the admin.


Check out this tutorial for detailed instructions on excluding certain product types from recommendations.

Step 2. Remove powered by ‘AfterShip’



Remove the "powered by AfterShip" banner from all your product recommendation widgets.

Go to a smart upsell widget editor
Move to the Settings tabs and scroll down to the AfterShip branding section
Select Remove "Powered by AfterShip" and hit Save

Phase 3: Checkout page configuration



What to do?Where to do?How to do it?
AfterShip Personalization checkout page settingsGo to the AfterShip Personalization checkout page editorClick "Edit" to enter the checkout page product recommendation widget editor
Exclude itemsExclude items that are found in the Phase 1; Step 1 . Learn more
Adjust image ratioUnder the Display tab, find the Image aspect ratio option to adjust the image aspect ratio to better fit the product images on the widget
Adjust discount settingsUnder the Settings tab, move to the Discount section and adjust it to meet your needs. Learn more
Enable the offerUnder the Settings tab, set the Status to Enabled to activate the widget on the checkout page
Widget installation on Shopify admin (Guide with visuals is available on the Personalization admin)Go to the Shopify checkout editorIn the store's admin, find the Settings > Checkout . Duplicate a checkout profile, and click customize to enter the checkout editor
Add the AfterShip Personalization app to Shopify checkout editor(1) Add app block
(2) Select AfterShip smart offer and choose Product offer as the offer type
(3) Select Include app in Shop Pay
Adjust the AfterShip Personalization app locationDrag and drop the widget to adjust the app location and click Save
Recommended location
(1) Three-page checkout: Move the checkout recommendations under Order Summary
(2) One-page checkout: Move the checkout recommendations above the Pay now button


Check out this tutorial for detailed instructions on setting up a product recommendations widget on your checkout page.

Phase 4: Post-purchase page configuration



What to do?Where to do?How to do it?
AfterShip Personalization post-purchase page settingsGo to the AfterShip Personalization post-purchase editorClick Edit to enter the post-purchase page product recommendation widget editor
Exclude itemsExclude items that are found in the Phase 1;Step 1 . Learn more
Adjust discount settingsUnder the Settings tab, move to the Discount section and adjust it to meet your needs. Learn more
Widget installation on Shopify admin (Guide with visuals is available on the Personalization admin)Go to the Shopify checkout editorSelect AfterShip Checkout Upsell under Post-purchase page in the Shopify checkout settings


Check out this tutorial for detailed instructions on setting up a product recommendations widget on your post-purchase page.

Phase 5: Smart upsell widgets configuration



AfterShip Personalization enables you to set up personalized product recommendation widgets for different pre and post-purchase scenarios including, the Product page, Home page, Cart page, Cart popup, Checkout page (Shopify plus), Thank you page, and Tracking page (AfterShip Tracking integration).

What to do?Where to do?How to do it?
AfterShip Personalization smart upsell widgets settingsNavigate to the AfterShip Personalization upsell widget editorClick "Smart upsell widgets" and select the scenario(s) where you want to add the upsell widget
Exclude itemsExclude items that are found in the Phase 1; Step 1 . Learn more
Adjust discount settingsUnder the Settings tab, move to the Discount section and adjust it to meet your needs. Learn more
Enable the widgetUnder the Settings tab, set the Status to Enabled to activate the widget on the selected scenario
Widget installation on Shopify admin (Guide with visuals is available on the Personalization admin)Go to the Shopify theme editor and install the appCart popup : Only needs to be enabled in the AfterShip Personalization admin
Cart drawer : Contact us for code-related onboarding assistance
Other widgets :
(1) Add the widget of the AfterShip Personalization app to the scenario you want in the Shopify theme editor.
(2) Paste the Widget ID found in the Personalization editor under Settings to the Shopify theme editor under Apps > AfterShip Smart Offer
(3) Adjust the widget location and click Save


Check out this tutorial for detailed instructions on setting up smart upsell widgets.

Updated on: 05/11/2024

Was this article helpful?

Share your feedback

Cancel

Thank you!