Connecting an Order Form on Websites

  1. 1. First, you need to set up a product to connect to the order form. To set up a Product, go to Payments

    First, you need to set up a product to connect to the order form. To set up a Product, go to Payments

Horse Business Manager

  1. 2. Click on Products

    Click on Products
  2. 3. Your existing products will be listed here. If needed, click the Create Product button and create the new product or Import it from Stripe

    Your existing products will be listed here. If needed, click the Create Product button and create the new product or Import it from Stripe
  3. 4. Now it's time to link to Product to the checkout page and set up your order for. Click on Sites

    Now it's time to link to Product to the checkout page and set up your order for. Click on Sites
  4. 5. Click on Websites

    Click on Websites
  5. 6. Open the site that you want to put the order form on

    Open the site that you want to put the order form on
  6. 7. Find the page that you want to place the order form on and click the three dots to locate and click Products

    Find the page that you want to place the order form on and click the three dots to locate and click Products
  7. 8. Click on Add product

    Click on Add product
  8. 9. Use the dropdown menu to add your product to the page. If you are adding more than one product, you'll need to add them each individually by repeating this step.

    Use the dropdown menu to add your product to the page. If you are adding more than one product, you'll need to add them each individually by repeating this step.
  9. 10. Click on Save

    Click on Save
  10. 11. Locate the page that you just added the products onto and click Edit

    Locate the page that you just added the products onto and click Edit
  11. 12. Locate where on the webpage you want to add the Order Form element and click the orange + or the + in the top left corner.

    Locate where on the webpage you want to add the Order Form element and click the orange + or the + in the top left corner.
  12. 13. Under the Elements tab, locate Order Elements. From there, select the 2 Step Order Form or the 1 Step Order Form. (In this example, we are going to use the 2 Step Order Form)

    Under the Elements tab, locate Order Elements. From there, select the 2 Step Order Form or the 1 Step Order Form. (In this example, we are going to use the 2 Step Order Form)
  13. 14. Drag the order form element onto your webpage

    Drag the order form element onto your webpage
  14. 15. Click on the element to open the editing window on the right side of your page

    Click on the element to open the editing window on the right side of your page
  15. 16. Edit the General settings to customize the style of your form.

    Edit the General settings to customize the style of your form.
  16. 17. At the bottom of the General Tab, review the Button Actions. This will direct the buyer to where they should be automatically directed to next once their order has been placed.

    At the bottom of the General Tab, review the Button Actions. This will direct the buyer to where they should be automatically directed to next once their order has been placed.
  17. 18. Once you have your form styled and directing to the correct location after purchase, click on Advanced.

    Once you have your form styled and directing to the correct location after purchase, click on Advanced.
  18. 19. The advanced tab is sectioned into Step #1 and Step #2. Click on Step #1 to edit the fields and headings located on the first step of the order form.

    The advanced tab is sectioned into Step #1 and Step #2. Click on Step #1 to edit the fields and headings located on the first step of the order form.
  19. 20. Click on Step #2 to edit the fields and headings located on the second step of the order form.

    Click on Step #2 to edit the fields and headings located on the second step of the order form.
  20. 21. Once you have the order form customized, click Save

    Once you have the order form customized, click Save