Manage Creative Assets in Wingify using Asset Hub

Feature Availability: This feature is available with Wingify Web Rollouts and Wingify Personalize on the Enterprise plan. Your Wingify plan controls the visibility of certain asset types within Asset Hub. For more information, refer to the Pricing and Plans.

This article covers the following:

• Overview
• Key Benefits
• Prerequisites
• Access Asset Hub
  • Images
  • Widgets
  • Themes
  • Code Snippets
• Troubleshooting
• FAQs

Overview

Asset Hub is a repository in Wingify where you can store, organize, and reuse all your creative assets and custom components. It provides a cohesive experience for managing content used across your Wingify experiments and personalization campaigns. These content asset types include Images, Widgets, Themes, and Code Snippets for experiments and campaigns.

Instead of managing assets separately within the visual editor or surveys, you can now organize and reuse your creative components from a unified interface.

For example, a design team could pre-configure and upload a standard account-level theme and promotional widgets to the hub, allowing marketers to immediately deploy them within the visual editor or a new survey.

Note: Assets, once created, can be reused in campaigns that support the visual editor, such as A/B Testing, Multivariate Testing (MVT), Rollouts, and Personalize campaigns.

Key Benefits

• Centralized management: Provides a single source of truth for all reusable content assets.
• Reusability: Assets can be readily used across all supported campaign types and editors.
• Consistency: Helps maintain brand and design consistency across multiple campaigns and tests.

Asset Hub enables you to centrally manage four types of content assets:

• Images: Upload and manage account-level image assets.
• Widgets: Manage standard Wingify widgets and create custom widget presets from a unified view.
• Themes: A central location to create and store reusable styling configurations for widgets and surveys.
• Code snippets: Manage custom code modifications migrated from the editor library.

Prerequisites

• You must have an Enterprise Wingify plan to access the Widgets and Code Snippets.
• You must have a Design or higher role to create or modify assets. Users with the Browse role can only view assets.

Access Asset Hub

To access Asset Hub, follow these steps:

1. Log in to your Wingify account.
2. Navigate to Configurations in the left navigation panel.
3. Click Asset Hub.
4. Asset Hub opens, displaying four tabs for your content assets: Image, Widgets, Themes, and Code Snippets.

Images

The Images section centralizes the uploading and management of visual assets for your account.

Upload Images

To upload an image:

1. Select the Images tab.
2. Click Upload Images.
3. Select the image you want to upload and click Done.

Note: You can upload ten images at a time, with a maximum file size of 2 MB per image.

Supported file formats include: .png, .jpg, .jpeg, .gif, .svg, .webp, .ttf, .otf, and .avif.

You can use the search bar to search for your image by name, or you can use the List view or Grid view to select images.

Widgets

The Widget section provides access to both Wingify's pre-configured Standard Widgets and any Custom Widgets you create.

To create a custom widget:

1. Select the Widgets tab.
2. Click Create Widget.
3. Enter the Widget name.
4. (Optional) Provide a brief description of the widget, explaining its purpose and where it is intended to be used. 
5. Enter or paste your widget code (HTML, CSS, or JavaScript) in the respective tabs.
6. Click Create.

View, Clone and Filter Widgets

• View Widgets: Switch between Grid view (to see widget previews) and List view (to see details).
• Clone Widgets: Clone existing custom widgets.
• Filter Widgets: Use the Standard or Custom filter to filter widgets based on the type of widget you want to work on. Alternatively, use the All widget types filter to view all the available widgets.

Themes

The Themes section allows you to create centralized, reusable themes to maintain a consistent look for widgets and surveys. To create a new theme:

1. Select the Themes tab.
2. To build a new theme, click Create theme.
3. Enter the Theme name.
4. Navigate to the Configuration tab and configure the overall theme style. This includes configuring Background colour, Border colour, Typography (Font size, family, weight, and more), Radio Buttons, and Forms.

Note: Themes created in Asset Hub are automatically available for use in both the visual editor and Wingify Surveys.

Code Snippets

The Code Snippets section allows you to manage reusable custom code snippets for tracking, personalization, and custom behavior, which can be deployed across experiments and campaigns.

To add a code snippet:

1. Select the Code Snippets tab.
2. Click Add snippet.
3. Enter the Snippet name and Description.
4. Write or paste your code (HTML, Styles, or JavaScript) in the respective tabs.
5. Select Create. Your snippet is created. 

Troubleshooting

FAQs

• What happens if an image is uploaded in a Wingify Survey? Will it appear in the Image Library? No, only images uploaded via the visual editor in supported campaigns are available in the Image Library. Images uploaded for non-asset use, like logos in survey settings, are not included.
• Can I delete or remove images, widgets, or code snippets from Asset Hub? Deletion is currently not available for any asset type in Asset Hub, particularly for images, to prevent issues with live campaigns.

Need more help?

For further assistance or more information, contact Wingify Support.