Layout
1. Content: The content is created by two parts, the countdown timer to count the time for adding to cart the recommended products and the content is all the recommened products.
2. Border Color: Set up the color of the border around the box of recommended products
3. Border Style: Set up the style of the border around the box of recommended products. There are five styles: None, dashed, Double, Dotted, Solid.
4. Border width: Set up the width of the border around the box of recommended products
5. Border radius: Set up the radius of the border around the box of recommended products.
Content in pop up
This section helps to design the popup which is displayed when you choose Style to display recommended products: On popup after clicking ‘Place Order’ button
Header
1. Content: The content of the popup header.
2. Background color: Choose the color of the header background.
3. Padding: The padding of header background.
Container
4. Content: the content of the popup. It is the list of the recommended products.
5. Background: Choose the color for the content background in popup.
6. Padding: Choose the Padding for the container.
Footer:
7. Content: The content of the Popup footer.
8. Background: Choose the color for the footer background in popup.
9. Padding: Choose the Padding for the Popup footer.
Title
1. Message: You can change the message as you want on the box, and you can use two shortcode below in the message.
2. Color: Set up the color of the text
3. Font size: Set up the size of the text.
Continue Button
1. Title: you can use the title as you want in the Continue button or use the available icons with shortcode below.
2. Background: Set up the background color for the continue button.
3. Color: Set up the color for the text or the icons.
4. Border color: Set up the color for the continue button border.
5. Border width: Set up the width for the continue button border.
6. Border radius: Set up the radius for the continue button border.
7. Font size: Set up the font size for the continue button title.
8. Skip icons: Choose the icons you want for the continue button.
9. Color: Choose the color for the icon.
10. Font size : Set up the font size for the icon.
Countdown timer
Those settings help to design the countdown timer on the checkout funnel.
1. Checkout page enable: Enable this option to display and apply the countdown timer for buying recommended on checkout page or the popup.
2. Display time: Set up the time for counting down. After the countdown timer end, the customers can not buy the recommended products.
3. Reset time: Set time for reappear recommend popup when the Cart is not checkout and popup is timed out.
4. Message: Set up the message for the countdown timer. You can use the shortcode below it.
5. Color: Choose the color of the text.
6. Font size: set up the font size of the text.
7. Enable the pause button: Enable this option to display the pause button which allows the customers to stop the countdown timer.
8. Border width: Set up the width for the pause button.
9. Diameter: Set up the diameter for the pause button.
10. Background: Set up the background color for the pause button.
11. Border color 1: Set up color for the outside border of pause button.
12. Border color 2: Set up color for the inside border of pause button.
13. Title: The title of the pause button, or you can use the icon for it.
14,15,16: Set up color for the background, title, border of pause button.
17,18: Border width, border radius: Set up the width and the radius for the pause button border.
19. Font size: Set up the size for the title.
20. Pause icon: Choose the icon for the pause button.
21,22: Color, Font size: Choose the color and font size for the icon.
Product list
1. Design the display of product list on desktop.
2. Design the display of product list on mobile.
3. Product: Design the template, background color, Box Shadow color, Border color and border radius for the product list on the checkout funnel.
4. Product image: Design the padding, image border color, image border width, image border radius for the product image on the checkout funnel.
5. Product detail: Design the padding, font size, color, text align for the product detail on the checkout funnel.
6. Product Quantity: Design the background color, color, Border color, Border radius for product quantity box on the checkout funnel.
7. Product checkbox button: Design the background color, color, border color, border width, border radius, font size for the product checkbox button on checkout funnel.