All widgets have several common customization options regardless of the content you are trying to show like:

  1. Location

  2. Content

  3. Design

  4. Behavior

  5. Conditions

📝 Note: Virtually everything is customizable.

If you're wondering if it can be done, the answer is probably "yes" - it just depends on your skill level. Please ask our team for help if you get stuck!

1. Location

Customize where your widgets appear under the location tab.

There are 3 ways to decide where your widget should show on your pages with Fera:

  1. Automatic

  2. Point & Click

  3. HTML Tag

1. Automatic Integration

Automatic integration is the default location chooser mode.

This is the easiest way to integrate; however, it may not be available for highly customized themes and stores.

With this mode, Fera automatically chooses where to place the widget on your page.

If you need more control over where your widget shows, try the 'Point & Click' integration.

2. Point & Click Integration

This integration mode is for intermediate users who want more control over where their widget displays.

To use this mode:

  1. Go to the 'Location' Tab

  2. Under the 'Location on Page' option, click on 'Change'

  3. Select the 'Point & Click' option

  4. Choose where you want your widget to go by following the blue guideline.

  5. Click 'Save'

This option gives you more control over your location, but you can use HTML Tag Integration if you want more accuracy.

Point & Click integration mode may not work for all themes and store code.

For the most stable experience, we recommend HTML Tag mode integration.

3. HTML Tag Integration

This is the most stable way to integrate; however, it is only recommended for advanced users who know how to edit their store's code and have a specific place they want the widget to appear.

Head over to the detailed HTML Tag tutorial by clicking the link below.

⚠️ Widget not showing where you want it? Let our support team know, and we can almost certainly help!

2. Content

What content should this widget show? This section depends on the widget you're trying to configure.

For example, for a product reviews widget, you'll be able to configure which product reviews will show (and how they'll show).

For a customer photos & videos widget, you'll decide which photos and videos to source from.

3. Design

Each widget has a design section that lets you customize the colors, sizes, fonts, etc., for what you see in the widget when it appears on your site.

The design tab is where all the magic of customization happens!

Within the design tab, you can customize almost anything within your widget.

Each design tab varies by widget, but you can customize anything you see for the most part.

You'll be able to see the the changes in Live Preview Window to the right.

If you want more control over how your widget appears, you can use the advanced customization.

Advanced Customization

1. Click on the 3 dots at the bottom of the left side panel

2. Toggle the 'Advanced Options' feature on

3. Click the '</> Open Editor' button

4. Enter your code and press 'Done'

💡 Tip: Need more customization? Check out some info on Advanced CSS

4. Behavior

Decide how the widget behave when shown to the site.

Here is where you can customize how the widget decides to show/hide content or interact with the user.

Each widget has a slightly different behavior section.

5. Conditions

The conditions section allows you to specify conditions that will tell Fera to show or hide the Widget.

You can set

  1. triggers

  2. display conditions and

  3. widget priority

What are triggers and display conditions?

Triggers

Triggers are settings that tell the widget when to display on your eCommerce site.

Triggers are set off when a user takes specific actions or engages in certain behavior.

An example of a trigger is "when a page loads" or '"shopper on page for...".

Trigger options

You can choose to launch widgets based on many factors, including

Time-based triggers

  • Shopper on page for...

  • Shopper on site for...

  • Shopper has been INACTIVE on page for...

  • Shopper 1st seen more than...

Mouse-based triggers

  • Shopper clicks on...

  • Shopper mouse enters...

  • Shopper mouse leaves...

  • Shopper shows exit intent.

Other Triggers

  • When page loads. (default)

  • OFF (or manually triggered)

Trigger Limits

Once you have chosen your triggers, you can limit how often to show the widget based on shopper activity.

  • No limit.

  • Once per 15 minutes per shopper.

  • Once per hour per shopper.

  • Once per day per shopper.

  • Once per week per shopper.

  • Once per month per shopper.

  • Once per year per shopper.


Display Conditions

A condition tells the widget only to show if a shopper meets certain criteria like the value of items in their cart or if they are browsing from a specific location.

There are several different conditions you can set to highly customize your shopper's experience including, but not limited to:

There are several different conditions you can set to highly customize your shopper's experience including, but not limited to:

  1. Shopping cart

  2. Shopper location

  3. Shopper journey

  4. Date/Time

  5. Page viewed

  6. Other shopper events

Shopping Cart

Within the shopping cart condition option, you can choose to set parameters based on

  • Cart total

  • Item count

  • Total weight

  • Products

  • Item name

  • Variant/option IDs

Shopper Location

You may also choose to only display widgets based on a shoppers location such as:

  • Country

  • State/province/region

  • City name

  • Is in a GDPR country?

  • Is not in a GDPR country?

Shopper Journey

Using a shopper journey can create a personalized experience for your shopper. You can base widgets being shown on the following:

  • Previously viewed product

  • Previously viewed page

  • Previously added to cart

  • Previously purchased

  • Previously clicked on an element

  • Date/Time

Finally, you can choose to show widgets based on date and time such as

  • Hour

  • Day of week

  • Day of month

  • Month

  • Date

New conditions are being added and removed frequently, so please don't hesitate to ask our support team if you have any questions.

Groups

Within conditions, you can add groups to be more specific about who sees your widget and when

And/or conditions

You can set the conditions to be and/or

And means both conditions must be true or means one, the other, or both conditions must be true.


Widget Priority

Finally, the widget priority and anti-widget sections will tell a widget when it should show in relation to other widgets.

If you have multiple widgets of the same type, you'll want to set a priority number here. Setting a priority tells Fera which widget to use if both are active for the current customer view.

To set widget priority

  1. Navigate to the Conditions tab

  2. Set your widget priority

    1. 1.Use the arrows on the right side to increase or decrease the number

  3. Save

A HIGHER number means it will take precedence.

For example, a widget with priority 10 will show/run before a widget with priority 1.

Did this answer your question?