Shift4Shop and Extend.com Integration |
|||||||||||||||||||||||||
This integration will allow you to sell your Extend.com Warranty contracts directly from your product pages. Requirements:
Configuring the ModuleOnce the module is purchased and enabled:
The module is now enabled and configured. Custom Export SetThe next step is to create a custom CSV export that will be used to synchronize products from your Shift4Shop store to your Extend.com account. From your Shift4Shop Online Store Manager:
The next steps involve adding existing export fields that your Shift4Shop uses for product information and configuring them into a format that will be use by your Extend.com account. At the top of the page, you will see a drop down menu labeled “Add New Field” where you will select the Shift4Shop specific fields. When you select a field from the dropdown menu and click “+Add New” the field will be added to the bottom of the page. After it is added to the export set, you will change the Alias so that the field will be recognized by your Extend.com account. We’ll go over adding the first one for reference.
Repeat these steps for the rest of the fields using the following:
Your completed export set should look like the following: Using the Custom Export SetTo export your Extend.com CSV file:
When the export is complete, download the CSV file to your computer. This file will then be uploaded to your Extend.com account for the synchronization. HTML Template EditsProducts designated with Extend.com warranties will have the warranty selectors added to the product listing page. If your store is using the default listing_0.html template found with Core Themes, you will not need to make any changes to your HTML. However, if you have customized your listing_0.html template, you will need to make sure the following changes are in place on the template (to ensure the warranty buttons appear correctly). Template: listing_0.htmlSection 1: Look for the following: <!--END: CATEGORY_FULLINE-->
Add the following immediately after <!--START: extendWarrantySdk-->
<!--END: extendWarrantySdk--> Section 2: Look for the following: <!--START: Google_Pay-->
Add the following right before: <!--START: extend_warranty_offer_block-->
<div id="extend-offer"></div> <!--END: extend_warranty_offer_block--> <div class="clear"></div> | |||||||||||||||||||||||||
|