Creating and publishing

Learn how to create a function and publish it on your store.

There are two parts to setting up a function on your store:

1. Creating the function: There are different conditions required for each function. You can find specific function setup instructions in the Templates or Functions section of the Help Center.

2. Publishing a widget on your storefront: This is important if you want customers to know about the function, like in the case of discounts, sales, or free shipping promos.

In this section:

• Step 1: Creating a function

  • Function campaign dashboard

• Step 2: Publishing a widget to your storefront

  • Part 1: Set up the widget

  • Part 2: Add the widget to your theme

---

Step 1: Creating a function

Steps:

1. From the FJ Functions & Script Editor, click Create a function.

2. Under Create campaign, click Start from scratch.

3. Beside the function type you want to create, click Continue.

4. Input your function details as per the steps. Refer to the specific type of function in the Function types section of the Help Center if you need help.

5. Click Publish.

Your function is now active.

Function campaign dashboard

After you've clicked Publish, you're taken to that function campaign's dashboard.

Here you can:

• edit the function

• monitor function performance

• control the visibility of the function

• switch the function status from draft to active

• review the function's timeline

• add it as a storefront widget

To make the function details visible to customers, you can publish it as a storefront widget.

---

Step 2: Publishing a widget to your storefront

Part 1: Set up the widget

Steps:

1. From the function campaign dashboard, under Storefront Widgets you have different options depending on the type of function you created:

   1. Promotional banner: A pop-up style banner that slides up from the bottom of the page. It’s designed to highlight promotions or calls-to-action and can have a title, subtitle, and a button.

   2. Announcement bar: A slim, sticky banner fixed to the top of the page. It stays visible as customers scroll, making it ideal for important updates, offers, or store-wide announcements. It can have text and a link URL.

   3. Tiered banner: A dynamic banner that shows customers how close they are to unlocking the next discount tier based on their cart total. It supports an overall title and subtitle, plus individual titles and subtitles for up to three tiers. As customers advance, the subtitle automatically updates to reflect their progress.

   4. Popup: A modal window that appears on top of the page content to capture attention. It can include a title, subtitle, and button, and is commonly used for promotions, announcements, or sign-up prompts. It can have a title, subtitle, and a button.

2. Enter the details required for the widget and click Save.

3. Under Widget preview, from the Destination drop-down, select where you want to publish the widget to. You can choose:

   1. Home page

   2. Product page

   3. Collection page

4. Select the Theme that you want to publish the widget to.

5. Click Continue to theme editor.

Part 2: Add the widget to your theme

On your theme editor, the widget is published under the Apps block.

Steps:

1. Click on the widget that was added to the Apps section block.

2. Beside Block identifier (Block Name or App Block ID), click Select.

3. Click the corresponding block name for the function you created.

4. Optional: Adjust any styles that you want to apply to the widget.

5. Click Save.

6. Optional: Click back to the main template and click and drag the Apps section block to the position in the theme template that you want, and click Save.