LogoLogo
PlatformsPricingRessources
  • Home
  • Onboarding
  • User documentation
  • Release Notes
  • Help Center
  • User documentation
  • Dashboard
    • Global Experience Dashboard discovery
    • How to filter the Global Experience Dashboard
    • How to customize your Global Experience Dashboard
    • Uplift card
  • Web Experimentation and Personalization
    • Campaign creation and dashboard
      • Types of campaigns
        • Choosing the right type of campaign with Ally, our assistant
      • How to create a campaign
        • Experimentations
          • How to create an A/B Test
          • How to create a Multipage Test
          • How to create a Split Test/Test by Redirection
          • How to create an A/A Test
          • How to create a Patch / Multipage Patch
          • How to create a Multivariate Test
        • Personalizations
          • How to create a Multi-Experience Personalization
          • How to create a Multipage Personalization
          • How to create a Simple Personalization
      • Campaign duplication
        • How to duplicate a campaign
      • How to set-up Main Information step
      • Understanding campaign duration
      • Campaign loading (deferred/ instant)
      • The "Comment" section of the campaign creation flow
      • Campaign statuses
      • How to exclude IP addresses from your campaigns
      • How to use MDE Calculator
      • Campaigns Dashboard
      • Campaign Scheduler
      • Mutually Exclusive Experiments
      • How to use Campaign Prioritization
        • Prioritization of Personalizations
    • Editors and Widget
      • How to create and edit content in the visual editor
      • How to use our Visual Editor - Interactive demo
      • Discovering the Visual Editor
      • Visual editor - History and review of modifications
      • Code Editor
      • Using the Editor Copilot
      • Prompt Inspiration library for Visual Editor Copilot
      • How to create an Action Tracker in the editor
      • How to use redirection option
      • How to create trackers in the editor
      • Widgets
        • Widgets configuration in the visual editor
        • AB Tasty prebuilt Widgets
          • Action Button Widget
          • Banner Widget
          • Before-After Image Widget
          • CSAT Widget
          • Celebrate Widget
          • Countdown widget
          • Drawer Widget
          • Dwell Time Tracking Widget
          • Element Visible Tracking Widget
          • Iframe Click Tracking Widget
          • IFrame Widget
          • Image Pop-in Widget
          • NPS® (Net Promoter Score) Widget
          • Progress Bar Widget
          • Scratch card Widget
          • Scroll Rate Tracking Widget
          • Search & Replace Widget
          • Simple Popin Widget
          • Snowflake Animation Widget
          • Social proof Widget
          • Social Sharing Widget
          • Spotlight Widget
          • Sticky Element Widget
          • Tooltip Widget
          • Video Pop-in Widget
          • Virtual Click Widget
        • Custom widget
          • Custom Widgets: List of propname Fields and Their Specificities
          • Custom widgets: Global usage and information
        • Custom code widget
      • Chrome extension
      • Shadow DOMs & iFrames
        • Understanding Shadow DOM
        • How to edit Shadow DOM in the visual editor
        • Understanding iframes
        • How to edit Iframes in the visual editor
    • Goals step
    • Targeting step
      • How to set up a campaign Targeting
      • How to create a Segment (Who section)
        • Segments Recommendations
        • Inspiration with Engagement Level segmentation
      • How to define Targeted Pages (Where section)
      • How to create a Trigger (How section)
        • Geolocation criterion
        • Device criterion
        • Screen size criterion
        • IP address criterion
        • Weather criterion
        • Landing Page criterion
        • Source & source type criterion
        • Previous Page criterion
        • URL Parameter criterion
        • Minimum Pages viewed criterion
        • Visited Pages criterion
        • Same day visit criterion
        • Browser language criterion
        • Browser criterion
        • Adblocker criterion
        • JS Variable criterion
        • Code-based criterion
        • CSS Selector criterion
        • DataLayer criterion
        • Visitor attributes criterion
      • How to define a Targeting Frequency (When section)
      • How to set-up targeting verifications
      • How to use the replicate targeting option
      • How to use URL operators to build URL patterns
    • Traffic allocation step
      • Campaign flow: Traffic Allocation step
      • Dynamic allocation
      • Even allocation
    • Advanced Options step
      • Sequential Testing Alerts
    • QA step
      • QA Mode & QA Assistant
        • How to use the QA mode
        • How to use the QA Assistant on desktop
        • How to use the QA Assistant on mobile
      • How to use the browser console to QA a campaign
  • Feature Experimentation & Roll-Out
    • How to create server-side A/B tests
    • How to create feature toggles and manage rollouts
    • How to create server-side personalization
    • FE&R Glossary
    • Managing Flags
    • Managing Context Keys
  • Recommendations & Merchandising
    • Recommendations
      • Web recommendation
        • Most popular recommendation filters
        • Variables by placement
        • Placement
        • Products groups
        • Filters
        • Exceptions
        • Options
      • Recommendation Banner
        • Recommendation banner with tag and custom JS
          • Adding Recos Tag to a website
          • Enriching Recommendations Banner HTML to send events to DataLayer through Recos Tag
          • Setting up GTM to send Recos Datalayer Events
          • Connect Tag Assistant from GTM
          • Check that the events arrive correctly in GA
          • Check the display of recommendations
          • Retrieving recos products from a RECO_ID with Recos Tag
        • Deploying a Recommendations Banner Custom Widget
        • Retrieving a Recommendation RECO_ID
        • How to push recommendations with Adobe Campaign
        • How to build recommendations (recommendation builder variant)
      • Mail recommendations
        • How to push recommendations into your Brevo emails
        • Brevo Feed
        • Products groups
        • Filters
        • Products highlights
        • Exceptions
        • Options
        • Parameters
        • Preview
        • Most popular recommendation filters
    • Merchandising
      • Introduction
      • Category
      • Products groups
      • Filters
      • Products highlights
      • Exceptions
      • Result to refine
      • How to deploy a merchandised product list through Algolia
    • Recos & Merch analytics
      • How to track performances
      • Recos Analytics Event format
      • The impact of BigQuery exports in terms of cost
      • Setup analytics retrieve events with Recos Tag
      • Key indicators over the period & Segment
      • Overview data
      • Evolution metrics
    • Recos & Merch API
      • Getting a product list
      • Accessing Recos API (endpoint)
      • Accessing Recommendations API (only specific accounts)
    • Recos & Merch account management
      • How to manage users in Recommandation & Merchandising module
      • How to manage roles
      • How to manage synchronisations
      • How to manage invoices
    • Security and GDPR
      • Procedure for Reporting Personal Data Breaches
      • Backup Policy
      • Security Configuration of Our Servers
      • PSSI
    • Recos & Merch Algorythms
      • How to manage algorithms
      • How to create your algorithms
      • Better understanding
      • Default algorithms
      • Data used to train Algorithms
    • Recos & Merch integrations
      • Integrations with Recos & Merch
      • Brevo Integration
      • Analytic integrations
        • Google Analytics integration
        • Matomo integration
        • Random data integration
      • Recos & Merch CMS integration
        • PrestaShop integration
        • Shopify Integration
        • Custom integration
  • Emotions AI
    • Understand EmotionsAI
      • EmotionsAI in a nutshell
      • Leverage EmotionsAI to get more value from A/B tests
      • Leverage EmotionsAI to get high-potential A/B test ideas
    • First steps with EmotionsAI
      • Onboarding
      • EmotionsAI functioning
      • Navigating the interface
      • FAQ about EmotionsAI
    • Using EmotionsAI
      • How to activate EmotionsAI features
      • EmotionsAI Website Mapping configuration
      • EmotionsAI Journey Analysis
      • EmotionsAI Page Analysis
      • Target EmotionsAI segments
      • QA a campaign on Desktop with EmotionsAI Chrome Extension
      • Use EmotionsAI targeting on hard-coded personalizations
      • Usage of EmotionsAI in some Push integrations
    • Read EmotionsAI campaigns’ report
  • Library
    • How to set-up your libraries
    • Widget library
      • Creating and managing Widgets
      • How to create a preset Widget
      • How to create a Custom Widget
        • How to configure Custom Widgets Custom Forms
      • How to declare your Widget Theme
    • Assets Library
    • Trackers library
      • Action Trackers
        • How to create and manage Action Trackers
      • How to create a Custom Tracker with custom JavaScript code
      • How to create a Custom Tracker via the DataLayer
    • Creating and managing Segments
      • List of Segment criteria
        • CSAT criterion (Customer Satisfaction)
        • NPS® criterion (Customer Satisfaction)
        • Engagement Level criterion
        • EmotionsAI criterion
        • Content Interest criterion
        • Page interest criterion
        • Device criterion
        • Cookie criterion
        • New/Returning visitors criterion
        • Campaign Exposure criterion
        • Number of sessions criterion
        • Day(s) Since Last Session criterion
        • Day(s) Since First Session criterion
        • Action Tracker criterion
        • Cart Abandonment criterion
        • Last Purchase criterion
        • Purchase Frequency criterion
        • Geolocation criterion
        • DMP, CDP, rd party tool criterion
      • Segments Library - Metrics
    • Creating and managing Triggers
      • List of Trigger criteria
    • Creating and managing Saved Pages
  • Integrations
    • Integrations general information
    • Push integrations
      • Adobe Analytics
      • Air
      • Amplitude (analytics browser)
      • Amplitude
      • AT Internet Smart Tag
      • Contentsquare
      • Google Analytics (Audience creation)
      • Google Analytics (UA)
      • Google Analytics (event only)
      • FullStory
      • Heap Analytics
      • Hubspot
      • Matomo
      • Mixpanel
      • Piano Analytics
      • SalesForce Marketing Cloud (Push)
      • Segment
      • Tealium
    • Pull integrations
      • Air
      • Commander Act
      • EmotionsAI
      • Fullstory
      • Google Analytics
      • Heap Analytics
      • Mixpanel
      • mParticle
      • Piano Analytics (Pull)
      • SalesForce Marketing Cloud (Pull)
      • Segment
      • Tealium : Import Audiences
      • Weborama
    • Other integrations
      • Productivity
        • Microsoft Dynamics Commerce
        • Setting up Microsoft Clarity Integration with AB Tasty
        • Didomi
        • How to Set Up the AB Tasty Connector with Notion
        • How to connect AB Tasty to Google Sheets
        • Connect your Slack Workspace to AB Tasty
      • Data Warehouse
        • Data Warehouse integrations: General information
        • Big Query - Daily exports from AB Tasty to Big Query
        • Snowflake - Daily exports from AB Tasty to Snowflake
        • Redshift - Daily exports from AB Tasty to Redshift
    • Custom integrations
      • Universal Data Connector
      • Custom Integration Connector with a rd party tool (Push data)
      • AB Tasty public API
  • Reporting & Performances
    • Data Explorer
      • How to analyze page traffic via Data Explorer
      • How to get metrics breakdown by multiple dimensions via Data Explorer
      • How to get a list of recent hits via Data Explorer
      • Data Explorer - List of Metrics and Dimensions
    • ROI dashboard
    • Performance Center
      • List of Performance Guidelines
    • Reporting
      • Campaign reporting
        • Reporting Copilot
        • Analysis Copilot
      • Data & reports: generalities and definitions
      • AB Tasty reports Metrics
        • Live hits of the reporting
        • Metrics based on tracking widgets
        • Navigation metrics
        • Metrics based on pageviews
        • Metrics based on clicks
        • Metrics based on transactions
      • Reporting Filters
        • General Reporting filters
        • EmotionsAI Reporting filter templates
      • Using the NPS®️ report
        • How does Feedback Analysis Copilot work
      • Sample ratio mismatch
      • Refresh reporting data using Refresh On Demand
      • Data export from the reporting
      • Frequentist Analysis mode
      • Understand the statistics behind your Reports
        • Statistics for the reporting
        • Statistical metrics
        • Avoiding Pitfalls in AOV Analysis for Conversion Rate optimization
        • Conversion mechanisms & concepts
        • Reporting Readiness
  • Account
    • Tag integration
      • All About Tags
      • How to implement the Generic Tag
        • AB Tasty hosted tag implementation
        • Tag Domain Delegation
          • Tag domain delegation implementation
      • How-to QA the Generic Tag
      • How to implement the Generic Tag via Google Tag Manager
      • How-to join the Next tag program
      • AB Tasty integration with Shopify
        • Understanding Shopify App features
        • How to implement the AB Tasty tag via Shopify
        • How to set-up Shopify Custom Pixel App
      • AB Tasty tag compilation
      • How the AB Tasty tag is designed to handle Single Page Apps (SPA)
    • Technical implementation
      • How to choose your cookies deposit method
      • How to declare my Account Domain?
      • JavaScript in AB Tasty
        • How to configure JavaScript
        • Javascript files execution
        • Campaign JavaScript Execution
      • How to configure jQuery loading
      • How to integrate Product hits
      • Product Hits integration principles
        • How to set-up segment criteria "Content Interest" and "Cart Abandonment"
    • Transaction Tag integration
      • How to implement the Transaction tag
      • How to create a Transaction Tracker via DataLayer
      • How to use the Transaction Tag Generator
      • How to QA the Transaction tag
    • Performance and security
      • How to manage visitor identity
      • How to deactivate AB Tasty
      • Consent policy - cookies, storage and privacy
    • Account management
      • The organization page
      • Subscription page
      • How to manage users?
Powered by GitBook
LogoLogo

AB Tasty Website

  • Home page AB Tasty
  • Blog
  • Sample size calculator
  • Release note

AB Tasty Plateform

  • Login

© Copyright 2025 AB Tasty, Inc, All rights reserved

On this page
  • Creating a Widget Preset
  • Using presets
  • Considerations about presets application mechanism

Was this helpful?

Edit on GitLab
Export as PDF
  1. Library
  2. Widget library

How to create a preset Widget

PreviousCreating and managing WidgetsNextHow to create a Custom Widget

Was this helpful?

The primary purpose of Widget Presets is to enhance your workflow by providing a convenient way to reuse successful widget configurations. For example, you can reuse a widget tailored for a specific event in a subsequent event of the same nature, or apply a similar campaign for a different type of event.

This empowers you to industrialize successful widget configurations, saving time and effort in recreating them from scratch.

Creating a Widget Preset

When you are satisfied with the configuration of a widget, you have the option to create a preset directly from the widget configurator. To initiate the creation of a preset, simply access the caret located next to the "Save" button within the configurator. Clicking on the caret will open a menu that presents an entry for saving the current configuration as a preset.

Capture d’écran 2025-01-16 à 14.27.21.png

Upon selecting the "Save as Preset" option, a modal will appear, requesting a few pieces of information from you to finalize the save process. The modal will prompt you to provide a name for the preset, allowing you to easily identify and recognize it later. Additionally, you have the option to include an optional description for further context or details related to the preset.

To further organize and categorize your presets, the modal will also prompt you to select a category for the preset. Categories provide a convenient way to group and classify presets based on their intended use, campaign type, or any other relevant criteria. This helps you quickly locate and retrieve the desired presets when needed.

Once you have filled in the necessary information in the modal and reviewed it for accuracy, simply click the "Save" button to proceed. The preset will then be saved and associated with your current account, ensuring that it is readily accessible for future use.

Using presets

The Widget Presets feature has been designed to ensure that using presets is as seamless and straightforward as using traditional widgets. This means that all the methods you typically employ to incorporate a widget into a campaign also provide the option to utilize a widget preset. By offering this consistency, we aim to make the integration of presets into your campaigns just as effortless as working with individual widgets.

In the following sections, we will explore various methods of incorporating widget presets into your campaigns. Whether you prefer to work directly within the Visual Editor or start from the widget gallery, the functionality and benefits of widget presets are readily accessible to you.

Within the visual editor

Presets of the widget library

To leverage widget presets within the visual editor, you have various options at your disposal. One of the simplest methods is to access the widget add assistant while working on a variation. This will open the widget library, where you'll find a dedicated "Presets" tab containing all the presets saved in your account.

To use a widget preset, just head to the "Presets" tab in the widget library. Here, you'll find a comprehensive list of available presets. When you select a preset, the assistant will provide you with all the relevant information associated with that preset, such as the original widget, creation date, description, and other essential details.

Once you have reviewed the preset's information and confirmed that it aligns with your requirements, you can proceed to include the pre-configured widget in the currently edited variation. By validating this operation, the widget preset will be seamlessly incorporated into the variation you are working on, allowing you to leverage the saved configuration effortlessly.

Side panel of the widget creation assistant

Another approach to utilizing widget presets is by starting with the selection of a standard widget. If the widget you choose has one or more associated presets within your account, the assistant will display a side panel. This side panel will present you with a list of presets that have been created based on that specific widget.

When you select a preset from the side panel, you will be seamlessly guided through the previously explained process of incorporating presets. The assistant will provide you with all the relevant information related to the selected preset, allowing you to review and confirm its suitability for your current needs.

Note: When initiating from a preset, the side panel will also appear, showcasing all the presets derived from the same original widget. This feature grants you the ability to explore different presets associated with the selected widget and provides the flexibility to change your preset selection during the process.

Widget configurator

As you work within the visual editor, there is another user-friendly method to leverage presets: accessing the widget configurator. When you add a widget, whether it's a standard widget or a preset, to a variation, the widget configurator will open. If the widget has associated presets, you'll notice a dedicated "Presets" tab within the configurator, specifically designed to facilitate your preset selection.

Within the "Presets" tab, you will find a comprehensive list of available presets for that particular widget type. Each entry represents a distinct preset configuration. To apply a preset, simply click on the "Apply" button associated with the desired preset. This action will instantly apply the preset's configuration settings to the current widget.

By utilizing the "Presets" tab in the widget configurator, you have an effortless way to explore and switch between different presets for a specific widget. Take the time to review the settings and select the most suitable preset for your current needs. This feature empowers you to efficiently customize your widgets and save valuable time during the campaign creation process.

Note: It's important to be aware that applying a preset through the "Presets" tab in the widget configurator will overwrite any existing configurations of the current widget. If the widget is in its original configuration (standard or preset), this will have minimal impact. However, if you have made advanced customizations to the widget, applying a preset will result in the loss of your previous modifications.

Before applying a preset to a widget that you have extensively customized, it's crucial to consider the potential consequences. Applying a preset will reset the widget to the saved configuration settings of the selected preset, erasing any previous modifications you made. Be mindful of this aspect and ensure that applying a preset aligns with your specific requirements.

Considerations about presets application mechanism

Presets serve as a mechanism applied during widget initialization. When you include a preset in a variation, the engine first incorporates the standard widget and then applies the specific configurations from the preset.

It's important to understand the implications of this process:

  1. Flexibility for Customization: After the preset configurations have been applied, you have the freedom to modify the widget settings according to your specific needs. This means you can adapt the newly configured widget to your context by making further adjustments as necessary. Feel free to fine-tune the widget's appearance, behavior, or any other relevant parameters.

  2. Preset Changes Do Not Impact Existing Widgets: If you decide to change or modify a preset after widgets have already been configured using that preset, it will not affect the customized widgets. This safeguard prevents any unintended modifications to live widgets within ongoing campaigns. It ensures that the experience of visitors involved in the variation remains unaffected.

Capture d’écran 2025-01-16 à 14.28.44.png
Capture d’écran 2025-01-16 à 14.33.31.png
Capture d’écran 2025-01-16 à 14.34.56.png
preset tab.png