APPLICATION OVERVIEW

Quick Installation Guide
Watch this video to quickly learn how to install and use the app.
Watch Video

Firstly, you need to create a rule. To do this, follow the steps below:

  1. Click on the Create Rule button. (Button text: “Create Rule”)

2. Fill in the details of the rule. (Screenshot shows fields such as:)

  1. Rule Name
  2. Select Sale Configuration
  3. Select Product Size & Measurement

3. Select the products to which the rule will be applied. (Product examples: Glass Tile)

4. Click on the Save Rule button. (Button shows a save icon)

Once the rule has been created and assigned to a product, it’s time to display the widget on the product page. To do this, follow the steps below:

1. Click on the Integrate App button.
(Button text: “Integrate App”)

2. This will redirect to the theme editor with the app block added to the product page.
(Example shows the widget block titled: “Price Calculator”)

3. Once you see the widget, save the changes.

How to create a rule?

1. Click on the Create Rule button.

2. Fill in the details of the rule.

3. Select the products to which the rule will be applied.

4. Click on the Save Rule button.

How to integrate the app?

1. Click on the Integrate App button. (Button outlined in red)
This will redirect to the theme editor with the app block added to the product page. (Widget block outlined in green)

Blue Text (Informational Note):

If you see the ‘app block added’ message but not the calculator block, it’s possible that the current product is not assigned to any rule. To change the product, follow these steps:

Further Numbered Steps:

1. Click on the Change button from theme editor.
(Button “Change” outlined in red, widget block outlined in green)

2. Search for the product that is assigned to the rule.
(Search section outlined in red)

3. Click on the product to select it.
(Selected product and widget area outlined in green)

Why isn’t the widget visible?

1. Click on the Change button from theme editor.
(Button “Change” outlined in red, widget block outlined in green)

2. Search for the product that is assigned to the rule.
(Search section outlined in red)

3. Click on the Change button from theme editor.
(Button “Change” outlined in red, widget block outlined in green)

APPLICATION OVERVIEW

1

Getting Started

Welcome to the Floor Calculator tutorial! This guide will show you how to use our Floor Calculator tool to help your customers determine how much flooring material they need for their projects. Let’s get started!

💡 Tips

  • Make sure you’re logged into your admin account before starting
  • This tutorial works for all product types in the flooring category

2

Creating Rule

Firstly, you need to create a rule. To do this, follow the steps below:

  1. Click on the Create Rule button. (Button text: “Create Rule”)

3

Fill the Rules detail

Fill in the details of the rule. (Screenshot shows fields such as:)

  1. Rule Name
  2. Select Sale Configuration
  3. Select Product Size & Measurement

4

Select the Product

Select the products to which the rule will be applied. (Product examples: Glass Tile)

5

Save the Rule

Click on the Save Rule button. (Button shows a save icon)

6

Integrate to Product Page

Once the rule has been created and assigned to a product, it’s time to display the widget on the product page. To do this, follow the steps below:

  • Click on the Integrate App button.
    (Button text: “Integrate App”)
  • This will redirect to the theme editor with the app block added to the product page.
    (Example shows the widget block titled: “Price Calculator”)
  • Once you see the widget, save the changes.

CREATING A RULE

1

Create a Rule

  • Click on the Create Rule button.

2

Fill the Rule details

  • Fill in the details of the rule.

3

Select the Products

  • Select the products to which the rule will be applied.

4

Save the Rule

  • Click on the Save Rule button.

INTEGRATE APP

1

Intergation of App

  • Click on the Integrate App button. (Button outlined in red)
  • This will redirect to the theme editor with the app block added to the product page. (Widget block outlined in green)

💡 Blue Text (Informational Note):

If you see the ‘app block added’ message but not the calculator block, it’s possible that the current product is not assigned to any rule. To change the product, follow these steps:

1. Click on the Change button from theme editor.
(Button “Change” outlined in red, widget block outlined in green)
2. Search for the product that is assigned to the rule.
(Search section outlined in red)
3. Click on the product to select it.
(Selected product and widget area outlined in green)

SOLUTION FOR WIDGET NOT VISIBLE

1

Click on the Change button from theme editor.

  • Button “Change” outlined in red, widget block outlined in green.

2

Search for the product that is assigned to the rule.

  • Search section outlined in red.

3

Click on the Change button from theme editor.

  • Button “Change” outlined in red, widget block outlined in green.