For Developers

This document will be for developers learning to use Checkout Champ.

• Submitting Successful Leads

• Performing Successful Checkout

• Our Page Builder - Technical Explanation

• Assigning Products

• Classes in Checkout Champ

• Forms

• Button and Link Functionality

• What are the technical differences between all page types?

• Definition of important onClick functions in the app

Agenda:

1. Definition of all onClick functions in the app

2. Button and Link functionality Use cases for each button/Link actions. - A developer should be able to rely on this document to figure out which page types and button actions they need for whatever results they are desiring for their page/funnel.

3. What is needed for submitting successful Lead?

4. What is needed for performing successful checkout?

5. What are the technical differences between all page types?

6. Technical explanation of what is going on inside while inside the builder (e.g.: wrapper inserted into page, which JS is executed? etc.) Explain html structure in the builder – for example how the head/body element does not exist in the builder. Useful for explaining how to add background image/color to the body.

7. How to assign products to elements via HTML Product section logic, Product routing logic between pages Which elements can have products?

8. Difference between Preview URL and Live URL

9. Quick overview of what API calls are built into the app and when they are called during checkout.

10. Detail any relevant classes or Ids that are useful creating elements in the app. (cart, logo, totals, etc.)

11. Is there anything worth noting about forms in checkout champ?