RuffRuff Order Bonus

thumbnail

Display Settings (Discount Campaign)

Learn how to configure campaign information for display on the Online Store.

Display settings control how active campaign information is shown to customers. You can set the display method, content, period, and conditions for each campaign.

Turn the display method on or off. If multiple campaigns are displayed, they appear in ascending order of Display position.

Field

Description

Show in widget

Show campaign information in the online store widget

Show product message

Show campaign information on the product page. You can narrow the target products

Show badge on product cards

Displays badges on product cards, such as those on collection pages, only during the campaign. You can limit the eligible products

Display position

Specify the order for multiple campaigns with a number. Smaller numbers appear first

Prerequisite: Widgets require the app embed to be enabled in the theme editor. Product messages require an app block on an Online Store 2.0 theme.

Limit: When you filter which products show a product message or product card badge, you can select up to 50 products and up to 50 collections. To show them on 51 or more products, or to filter by product tag, create a collection of those products and select "Specific collection". To filter by product tag, create an automated collection that uses the tag as a condition.

These items can be set when either widget display or product message is enabled.

Field

Description

Campaign title

Enter the campaign title shown in the widget

Campaign description

Enter the campaign description shown in the widget

Copy button

Enter the label for the button to copy the discount code. This is available only for Manual campaigns.

This can be configured when the widget, product message, or product card badge is enabled. You can set a badge for each of the following three campaign states.

Status

Description

Before start

This badge is displayed before the campaign starts.

During campaign

This badge is displayed while the campaign is running.

After end

This badge is displayed after the campaign ends.

You can configure the following fields for each badge status.

Field

Description

Text

Enter the text to display on the badge

Background color

Set the badge background color

Text color

Set the badge text color

Shape

Choose Square, Pill, Tag, or Custom (specify a corner radius)

Product card badges use only the "During campaign" text from this badge setting. For details about the display conditions, see "Product card badge."

You can configure this when the product message is enabled.

Field

Description

Product message (text)

Enter the message shown on the product page. You can insert variables

Icon

Choose the icon to display in the message.

In product message text, you can insert the following variables in the "{{variable_name}}" format.

Variable

Details

{{productPrice}}

Product price before discount (price of the selected variant)

{{productDiscountedPrice}}

Product price after discount (price of the selected variant)

Example: Regular price {{productPrice}} → Special price {{productDiscountedPrice}}

Note: {{productDiscountedPrice}} shows the discounted price when a product discount is configured. For campaigns with only an order or shipping discount, no product discount applies, so it has the same value as {{productPrice}}. For gift campaigns, both {{productPrice}} and {{productDiscountedPrice}} return empty strings.

The following specifications apply.

  • Enclose variables in "{{" and "}}". You can use the same variable multiple times in one message.

  • If you enter an undefined variable name, "{{variable_name}}" is shown as is.

  • Prices are shown in a format that matches the store currency and locale.

  • When you switch variants, the selected variant price is reflected in real time.

Set the period to show the campaign on the online store.

Settings

Details

Follow active dates

Display it during the campaign active dates.

Specify display period

Specify a display-only period separate from the active dates

Tip: "Specify display period" lets you announce a campaign before it starts or continue displaying it for a set period after it ends.

Set conditions to show the campaign only to specific customers. If no conditions are set, it is shown to all customers.

The conditions you can set are the same as discount campaign eligibility conditions. For details, see "Eligibility conditions (discount campaigns)."

Prerequisite: Before using a customer metafield condition, create the customer metafield namespace and key in Shopify admin.