🔼Extra Button

Explanation and Simple Guide of Adding up Extra Button in your store website

Note:

• Scroll to top button will appear when you scroll down.

• It will not appear in a short page.

Step 1: On the upper left menu bar, select the mini app "Extra Button"

Menu Bar

Step 2: Customize your button

Type: 2 types of button available

• Button

• Text & progress bar (you can insert the text of your wanting and language into this bar)

Position: Choose the position you want to place the button

• Bottom left

• Bottom right

• Center left

• Center right

Button's Types and Position Settings

Button Style

• Button type includes normal and hover style: you can customize the button's background color, border radius, scale, button size (width and height), distance (to bottom and to side) so that it most fit your store theme.

Button style

• Text & progress bar type include the customization of text, color, hover color and distance (to bottom and to side)

Text & progress bar style

Icon

Restricted

Insert the specific page you want the button to appear. If the input is left empty, then the button will show up on all pages.

Specify pages by using their paths. Enter one path per line. The '*' character is a wildcard. An example path is /products/ for all Shopify product pages. <front> is the front page.

Settings: Choose the device you want to hide the button

• Hide on mobile

• Hide on tablet

• Hide on desktop

Step 3: Click "Save" and make sure to turn the status on