Onboarding and Activation Steps
Items needed to configure your account quickly:
Expand | ||
---|---|---|
| ||
Please follow Step 1 from the appropriate storefront’s article: |
Expand | ||
---|---|---|
| ||
Each gateway type uses their own set of credentials to connect. To find which credentials you’ll need for your gateway, navigate to the CRM side of your account Then go to Gateways>Gateway List>Add Gateway Choose your Gateway from the Gateway drop down (type into the field to search) to reveal the credentials that the gateway uses. Feel free to add the gateway now if you’d like. You can also add these later on in the article steps. |
Expand | ||
---|---|---|
| ||
Each fulfillment house uses their own set of credentials to connect. To find which credentials you’ll need for your fulfillment house, navigate to the CRM side of your account Then go to Admin>Plugins>Fulfillment House Listing Find your fulfillment house from the list and then click the Activate button Feel free to add the fulfillment house now if you’d like. You can also add this later on in the article steps. |
Expand | ||||
---|---|---|---|---|
| ||||
SMTP Credentials will include:
|
Expand | ||
---|---|---|
| ||
Each ESP uses their own set of credentials to connect. To find which credentials you’ll need for your ESP plug in, navigate to the CRM side of your account Then go to Admin>Plugins>Email Service Providers Find your ESP from the list and then click the Activate button Feel free to add the ESP now if you’d like. You can also add these later on in the article steps. |
Info |
---|
It is important to know that your CheckoutChamp subscription comes with the funnel builder and the CRM for reporting and customer service. You can navigate to the CRM side of your account by clicking the CRM button on the top right of the builder portal. |
Please follow the steps below to set up your CheckoutChamp account quickly and properly.
Note |
---|
If your storefront is already live, DO NOT follow the redirect instructions until you have completed all of the other steps below. Following the steps in this specific order will prevent the loss of sales during the switchover. |
1 - Follow Checkout Wizard
Sign into the CheckoutChamp funnel builder and click the “Create a Checkout” button on the left side of the Dashboard page.
Choose Checkout
Choose your storefront, add the credentials, then click “Sync Products”. This will bring all of your product SKUs and variations, descriptions and images into the system. It will also create a campaign adding all of the products and prices into that campaign.
Info |
---|
A campaign is simply a collection of offers and upsells. If you have mulitple Shopify stores, each store will be it’s own campaign so you can filter your reports by each store if needed. |
If your storefront is currently taking live traffic DO NOT follow redirect instructions until you have completed all other steps.
Domain Entry
In the next step you will add your Checkout Domain into CheckoutChamp to retrieve the CNAME records.
When the CNAME records display, copy and paste the CNAMES to your Nameservers at your domain registrar. There is a link to a full Domain Configuration Guide on this domain details window. The SSL Certification can take some time so it’s best to do this as soon as possible so we can set up the rest of the account while we wait.
If you are not ready for this step yet, skip this step and be sure to follow the Domain Configuration Guide before you publish your checkout funnel and begin testing.
Merchant Account
The Merchant Account section is to add the gateways in which the credit card sales will be running against. This merchant account will be auto applied to the offers and upsells that are imported from the product sync.
Choose the first option to apply for a new merchant account through Merchant Connect.
Choose the second option if you already have a merchant account but need to add it to the system.
Expand | ||
---|---|---|
| ||
Note - Each gateway will have different credentials it asks for. Select your gateway to see which credentials you will need. Additional Documentation - Gateways |
Choose the third option if your merchant account is already added to the system and select the gateway.
Skip this step if needed and be sure to follow this documentation to add your merchant accounts to the funnel before testing.
PayPal Account
The PayPal Account section is to add the PayPal account in which the PayPal sales will be running against.
Choose the first option to apply for a new PayPal account. (Coming Soon!!)
Choose the second option if you already have a merchant account but need to add it to the system.
Expand | ||
---|---|---|
| ||
Documentation - PayPal Seamless Checkout (Checkout Champ)
|
Choose the third option if your merchant account is already added to the system and select the gateway.
Skip this step if needed and follow this documentation to add your PayPal accounts to the funnel later on.
Fulfillment
The Fulfillment section is to add the fulfillment software that the orders will be sent to and shipped from.
Choose the first option if you already have your fulfillment house added to the system and select that fulfillment house.
Choose the second option if you still need to add your fulfillment house to the system.
Expand | ||
---|---|---|
| ||
Note - Each fulfillment house will have different credentials it asks for. Select your fulfillment house to see which credentials you will need. Additional Documentation - Fulfillment House Listing |
Choose the third option if you are selling digital, non-shippable products.
Choose the fourth option if you will continue to fulfill using Shopify’s fulfillment integrations
Skip this section and follow this documentation to add your fulfillment software before you begin testing.
Info |
---|
If you are using Shopify would like Shopify to fulfill your products, skip this fulfillment step and keep your base products set to System Fulfillment. |
2 - Edit Funnel and Funnel Settings
Edit Funnel
After you complete the wizard you will be loaded into the Funnel Visualizer with a template for your Storefront selection.
Edit the pages and use the arrows to set the button routings. Unedited pages and arrows display as red.
Expand | ||
---|---|---|
| ||
Once all the pages and arrows are green you can then Publish the funnel.
Be sure to /wiki/spaces/KCKB/pages/717324342 before publishing!
Info |
---|
If you make edits to a published page you will need to publish again to see those changes reflect on the live site. Unpublished pages will display in blue. |
Autoresponders
Add an Email Page Type and click it’s settings gear to configure email autoresponders. You do not need to connect arrows to the Email page.
Info |
---|
If you are using Shopify to send your order confirmation emails, enable the sendEmails checkbox on the appropriate Shopify plugin. |
Email Service Providers
Add your email service provider plugins on the CRM side of your account. ESPs do not send transactional emails but are instead used for email marketing. After you add an ESP plugin, edit the plugin to determine which customer types go to which ESP list.
Expand | ||||
---|---|---|---|---|
| ||||
|
Edit Funnel Settings
Edit the funnel’s settings on the top left of the Funnel Visualizer to change various settings and add any add-on services.
Name: The internal name used to identify the funnel.
Title: The title of your page will help you identify it on your Funnel Template page. This is also the title which will appear on the browser tab when you are previewing your title and when your Funnel is published.
Favicon: You can customize the icon on your Funnel's browser tab by uploading a Favicon. Favicons must be uploaded in .ico format. There are many free available tools which will convert your existing images into .ico files. Once you have loaded specified a Favicon, the visitors to your site will be able to see this on their browser tab.
Logo: You can place your company logo into this section and it will be applied throughout the funnel, preventing you from needing to upload the logo onto each page.
Campaign: Specify which Konnektive CRM campaign products will be sold on your funnel.
Use the other sections of this window to add coupons, tracking pixels, and Add-On services such as Fraud Manager (pre-transaction fraud screening) and PAAY 3DS (chargeback liability shift).
Child pages (Children Display) | ||||
---|---|---|---|---|
|
3 - Social Media and Affiliates
Social Media
Inside the Funnel Settings, open the Tracking Pixels section to add your various social media IDs.
Affiliates
Inside the Funnel Settings, click the Affiliates option to add a new or existing affiliate to the funnel/campaign.
Expand | ||
---|---|---|
| ||
On the CRM side of your account you can add conversion pixels to your affiliates under CRM>Affiliates. Please follow this documentation for information on adding conversion pixels: Affiliate Pixels
Each affiliate must have their own affId (can be customized) which needs to be present on the URL for the affiliate to get credit for their sales and for the system to fire the conversion pixel. The affiliate’s url that the customer clicks on must contain this affId so the system knows who to attribute credit to.
Ex) http://www.mywebsiteurl.com/checkout ?affId=[affId]&products=....
4 - Overview and Testing
Before you test, use the CRM side of your account to get an overview on your configurations for your products, campaigns, gateways, fulfillment houses, SMTP auto-responders. Make sure everything looks as it should before you start your first test.
Navigate to:
Expand | ||
---|---|---|
| ||
|
Expand | ||
---|---|---|
| ||
|
Expand | ||
---|---|---|
| ||
Inside your campaign under the “Campaign Products” section, click the “Options” button and then “Batch Update”. In the window pop-up, you will check the Update Merchant Account box, and select the merchant account added. If you have merchant accounts for different products, you can add each of them individually with this function, and you can also bill products as individual transactions rather than combined transactions |
Expand | ||
---|---|---|
| ||
|
Expand | ||
---|---|---|
| ||
|
Expand | ||
---|---|---|
| ||
|
Expand | ||
---|---|---|
| ||
|
Test Gateways and Fulfillment
It is recommended to create a PHONE campaign that is dedicated to testing new gateways and/or fulfillment houses. Please follow this article for more detailed information on how to test your gateway through the manual order entry page.
If your fulfillment house is applied to the base product you use in the testing campaign, you can test this while testing your gateway.
Test Funnel and Auto-responders
Go to your published checkout URL that the customers will checkout from.
Add a product to the cart by adding the product to the URL. This will display that product inside the checkout page as if the customer had selected it from your store front.
To add a product to the URL, follow this syntax:
?products=campaignProductId:quantity
Include a variant by adding a period and variantDetailId to the campaignProductId
?products=campaignProductId.variantDetailId:quantity
Expand | ||
---|---|---|
| ||
Add 1 quantity of campaignProductId 234 https://checkout.mysite.com/checkout?products=234:1 Adds 1 quantity of campaignProductId 234 and 2 quantity of campaignProductId 235 https://checkout.mysite.com/checkout?products=234:1;235:2 Adds 3 quantity of campaignProductId 87’s variantId 45 and 2 quantity of campaignProductId 79 |
With the product(s) in the cart, go ahead and follow your checkout funnel using a test card, live card, or live PayPal account.
Note |
---|
Test Card transactions will not test the gateway nor fulfillment house. |
Log into the CRM side of your account to search for your orderId and confirm all products were purchased and ran against the proper gateways. Also confirm that any order confirmation SMS or Email has sent.
Info |
---|
Order Confirmations will send once the customer reaches the Thank You page of your funnel. If the customer does not reach the Thank You page, the email will send 20 minutes after the last upsell was purchased. |
If you tested with a live card or PayPal, your fulfillment record will move from HOLD status to PENDING status after your fulfillment delay has expired and the fulfillment task runs (once every hour).
5 - Implement Redirect
Once all the above steps are complete, your Nameservers are updated and SSL certificates are Validated, follow the instructions for your storefront on how to implement the redirect so that all of your sales will go to your new customized checkout pages.
Shopify Checkout Redirect - Checkout Champ
BigCommerce Checkout Redirect - Checkout Champ
Using WooCommerce Catalog with Checkout Champ Checkout Page
When you are finished, do one last test by going to your store front, selecting products and then proceed to checkout. If you followed the steps above, you should be redirected to your CheckoutChamp checkout page with the products you had selected.
Check out with your CheckoutChamp Test Card or a live card to submit the order and follow your upsell flow. Then find your order inside CheckoutChamp to confirm everything looks as it should.
If you have any issues, please reach out to your account manager or submit a support ticket.