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

Steps:

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

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

  3. Input your function details as per the steps. Refer to the Function type doc if you need help.

  4. Click Publish.

Your function is now active.

Function campaign dashboard

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

Here you can:

  • access function analytics

  • edit the function

  • switch the function status

  • see the function's history

  • 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 standard promotional banner. It can have a Title, Subtitle, and a Button.

    2. Tiered banner: This banner is meant to illustrate where the customer is with regards to reaching the next tier of discount based on their cart total. Can have an overall Title and Subtitle, and then Titles and Subtitles for three tiers. The widget subtitle will be automatically replaced when the tier is completed.

    3. Popup: 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.

Last updated