Verify and Go Live
# Overview
Here you will review the Cart Page from the frontend to verify that it matches the expected experience, depending on your previous selection.
###### Estimated time of completion: 15 mins
***
### OPT IN
With the OPT IN experience, Shipping Protection **is not** automatically selected, and the customer must select the checkbox if they want to add shipping protection to their order.
* Shipping protection offer should be unchecked by default
* Checking the offer should refresh the page and add shipping protection to the cart
<Image align="center" src="https://files.readme.io/75ed1dd-Opt-in.png" />
### OPT OUT
With the OPT OUT experience, Shipping Protection **is automatically selected** and the customer must deselect the checkbox if they want to opt-out of shipping protection.
* Shipping protection should be automatically added to the cart upon loading of the cart page, if not already in the cart
* Unchecking the offer should refresh the page and remove shipping protection from the cart
<Image align="center" width="400px" src="https://files.readme.io/5b9a69d-Opt-out.png" />
<br>
***
## Verify
1. Open the front end of the site you are working on
2. Add a shippable product to your cart\

3. Proceed through the purchase going through the Cart page to verify the expected OPT IN/OUT experience.
<Image align="center" className="border" border={true} src="https://files.readme.io/ad2aedb-small-Opt_Out.png" />
4. Toggle the checkbox, both in and out to confirm that it is functioning properly.
5. Check to ensure that the Shipping Protection cost appears in the Order Summary in your cart:
<Image align="center" className="border" width="75%" border={true} src="https://files.readme.io/d555456-small-subtotal.png" />
<br>
Great job, now that you have confirmed these expectations you are good to go live!
As always, if you run into any issues during this process or have questions please reach out to our team through your [Merchant Portal](https://docs.extend.com/docs/request-support-from-extend).
***
<HTMLBlock>{`
<div class="checklist">
<h3>Checklist</h3>
<input type="checkbox" checked>
<label>Connected with your Extend representative to enable Shipping Protection for your store
</label><br>
<input type="checkbox" checked>
<label>Have existing shippable product in your store
</label><br>
<input type="checkbox" checked>
<label>Integrate the Shipping Offer module
</label><br>
<input type="checkbox" checked>
<label>Activate Integration
</label><br>
<input type="checkbox" checked>
<label>Test and Go Live!
</label><br>
</div>
<style>
.checklist {
margin-left: 5%;
margin-right: 5%;
}
.subcheckbox {
margin-left: 5% !important;
}
</style>
`}</HTMLBlock>
Updated 14 days ago