The Flaviar Checkout Button powers Checkout by embedding a "Buy Now" button and Shopping Cart on your website. Visitors to your site can click on the button and be directed to a seamless, on site checkout process that provides fulfillment options based on the customer's address and processes the order in a compliant manner.
Important Note: Please avoid making any code customizations after generating the code from your Flaviar Checkout admin.
To generate the Flaviar Checkout Button please follow the below steps:
Customize & Generate the Button
Log into your Flaviar Checkout account, from there navigate to Menu -> Products and click on the product you are creating the button for.
In the top right corner on the product detail page, you will see a "Flaviar Checkout Button" icon. Click on it to design the button.
Once on the customizer page, you can customize the button (color, text, font) and add in tracking IDs for your Google or Facebook accounts as well.
If you'd like to make changes to the border width, border color, and/or button corners, toggle the 'Show quantity field' to OFF
You can also add a custom message to display on the shopping cart by changing Checkout Text 1 or 2.
Once you get the buttonand cart to look the way you want, select Generate Checkout Button and the code snippet will be provided for you to copy and paste on your website.
Customize your Checkout Page (Optional)
Flaviar Checkout Buttons have a default confirmation page without any branding to display the order confirmation details to customers. However, you have the ability to specify your brand colors as well as logo and custom text on the confirmation page the customer sees after placing the order:
Under Settings, select Checkout Design
Select +New Template to create a custom template for the confirmation page.
In the next page you will be able to add in your brand logo, URL and any text you want to show up to your customers on the Checkout Page once an order is placed.
Once those options are selected, choose the Flaviar Checkout Button to associate with this confirmation page. Any orders placed via those buttons will see the confirmation page you just designed.
Once done, click submit to save your changes.