Spin to Win

Web Tools > Widget > Design Widget

The spin to win element adds an interactive and engaging feature to your widget. Users can spin a wheel or dial and receive random rewards or outcomes. You can customize the design, prizes, and probabilities of winning to create an exciting and interactive experience for your users. This element is often used in promotional campaigns, contests, or gamified interactions. The "Spin to Win" widget is a versatile feature that can be utilized both on mobile and web platforms.

How to Design Spin to Win

One of the standout features of the Spin to Win widget is its high degree of customization. You have the power to edit and personalize all the components and text elements within the widget, allowing you to tailor it to your specific requirements and branding.

Step 1: Wheel Design

Within this section, you have the capability to create and configure Slices that will appear on the wheel. To do so, follow these steps:

Visual Customizations

  1. Button Text: Specify the text to be displayed on the button.

  2. Button Background Color: Determine the background color of the button by providing a color code or name. Choose a color that complements your overall design scheme and ensures readability.

  3. Center Area Color or Image: Optionally, you can add a color or image to the center area of the button. If opting for a color, input the color code or name. If incorporating an image, provide the URL where the image is hosted. This feature adds visual interest to the button and reinforces its functionality.

  4. Pin Color: Specify the color of any pin icon or marker associated with the button. This element helps to visually anchor the button within the interface. Provide the color code or name for the pin color.

Slice Customizations

  1. Slice Name: Provide a distinctive name for the Slice you wish to add. This name helps you easily identify and manage different segments of the Spin wheel.

  2. Win Result: Specify the text that will be displayed to users when they win this particular Slice. Crafting engaging and enticing Win Result text can enhance user excitement.

  3. Coupon Code: Assign a unique coupon code to this Slice. These coupon codes serve as rewards for users when they land on this segment of the wheel. Each code can be linked to specific prizes or discounts. Visit Coupon Code Lists on how to upload your coupon lists on Netmera.

  4. Gravity: In the "Gravity" section, you have the option to adjust the probability of each segment appearing on the wheel. The total gravity value must always sum up to 100%. If a user doesn't specify a percentage, the gravity values will be distributed equally among the segments. For instance, if there are 4 segments and no percentages are set, each segment will have a 25% gravity. Additionally, if Gravity is not specified for a Slice, it will be automatically calculated to maintain the 100% total.

Usage Frequency:

Users can spin the wheel once per day. After 24 hours have elapsed, they can spin it again.

Step 2: Success Screen Design

During this step, you have the opportunity to customize the design of the success screen that your users will see upon winning. You can adjust header details, font size, font color, and background color to align with your brand's aesthetic. Additionally, the "Click to Copy Text" button simplifies the process for users to easily save their codes, enhancing their overall experience.

  1. Modal Header: Define the header text that appears at the top of the modal. For instance, if you want the header to say "Congratulations," enter this text in the designated field.

  2. Header Font Size: Specify the font size for the header text. This allows you to control the visual prominence of the header within the modal.

  3. Win Result Text: If you wish to display a special message when users win in the modal, enter the desired text in this field. Alternatively, if you prefer to show a default message, specify it here.

  4. Win Result Font Size: Determine the font size for the win result text to ensure readability and visual consistency.

  5. Modal Background: Customize the background of the modal by selecting a color or gradient. You can choose from options such as white (#FFFFFF), a specific color code, or a radial gradient.

  6. Click to Copy Text: If your modal includes a feature for users to copy text (such as a coupon code), provide the text that appears as a prompt for users to click and copy the code.

  7. If there is no coupon code left: Specify the message to display if no coupon codes are available. For instance, you might use "There is currently no available coupon code. Please try again."

If there is no coupon code left:

This is a message that your users will see if you have no avaiable coupons for that slice. This message ensures transparency and helps manage user expectations. You can display a message like the following: "We're sorry, but there are no available coupon codes for this slice at the moment."

Sending Coupon Codes with SMS and Push Messages

Step 1: Define Profile Attributes

Developers > Profile Attributes > Create New Profile Attribute

To incorporate coupon codes and expiry dates into both push notifications and SMS messages, it's crucial to establish two fundamental profile attributes: "coupon code" and "expiry date." These attributes serve as the backbone of your campaign, allowing for efficient management and distribution of promotional offers.

Create a Coupon Code Attribute

The cornerstone of your promotional strategy, the coupon code profile attribute should be configured with a data type of "String." This ensures compatibility and flexibility, enabling the inclusion of alphanumeric codes, special characters, and varying lengths to accommodate diverse promotional campaigns.

  • Navigate to your Netmera dashboard and access the "Profile Attributes" section.

  • Click on "Add Attribute" and name it "couponcode." You have the option to use a different name for this attribute based on your preferences.

  • Set the data type to "String" to accommodate alphanumeric codes.

Create an Expiry Date Attribute

Equally vital is the expiry date attribute. The expiry date should be configured with a data type of "Date" to accurately track and manage the validity period of coupon codes. By specifying a date format, you can interpret and act upon expiration dates, enhancing the effectiveness of your promotional campaigns.

  • Access the "Profile Attributes" section in your Netmera dashboard.

  • Create a new attribute named "expirydate." You have the option to use a different name for this attribute based on your preferences.

  • This time, set the data type to "Date" to accurately track validity periods.

Step 2: Create Transactional Campaigns

Messages -> Transactional -> Create New Transactional Message

Once the profile attributes are defined, proceed to create transactional SMS and push notification campaigns. Access the Netmera dashboard and navigate to the Messages section. Select "Transactional" and then click on "Create New Transactional Message."

1. Create Your Personalized Message with Profile Attributes

On the "Step 2: What" step of creating a new transactional message, locate the Personalized Message" section. Utilize your predefined profile attributes "CouponCode" and "ExpiryDate" to personalize the message content. Incorporate these attributes into your message to dynamically display coupon codes and expiration dates to recipients.

2. Follow the Steps for "Transactional Messages" Page

Proceed to configure additional settings and details for your transactional push notification. This may include specifying the target audience, scheduling the message delivery, and customizing the appearance of the notification. Follow the prompts and instructions provided on the Transactional Messages page to complete the setup of your campaign.

Sample Transactional Push Notification:

Sample Transactional SMS Campaign:

Step 3: Upload Coupon Codes

Settings > Coupon Code Lists > Upload Coupon Code List

When uploading coupon code lists, users now have the option to enable SMS and Push Notification delivery for each individual code. This enhancement provides greater flexibility and customization in reaching out to customers with promotional offers. Here's how to utilize this feature effectively:

Uploading Coupon Code List

  1. List Name: Define the name of your coupon code list. For instance, name it "CouponCode".

  2. Coupon Codes: Specify the coupon codes available in the list. If they are fixed, list them accordingly. For that, first enter the coupon code, then specify the number of codes.

  3. Warning Limit: Set the threshold for warning notifications. When the available coupon codes fall below this limit, users will receive warning emails. For instance, if you set the warning limit to 9000, emails will be triggered when the count reaches below 9000.

  4. Expiry Date: Determine the expiration date for the coupon code list.

In the following steps, you have the option to choose between sending coupon codes via SMS or push notifications. These methods can be toggled on or off based on your preference, allowing you to select the most suitable method for your campaign.

Send SMS

Determine if coupon codes will be sent via SMS. The SMS text and placeholders for the coupon code and expiry date are predefined and cannot be customized. Use the pre-made profile attributes for the coupon code and expiry date that you have created before.

Needs SMS Integration:

It's crucial to note that in order to utilize the SMS option for sending coupon codes, you must first integrate Netmera for SMS campaigns. This integration allows for efficient distribution of coupon codes via SMS. You may refer to the following guide for SMS Onboarding: SMS Onboarding.

Send Push Notification

Decide if coupon codes will be sent via push notifications. The notification message and placeholders for the coupon code and expiry date are predefined and cannot be customized. Utilize the pre-made profile attributes for the coupon code and expiry date that you have created before.

Once integrated, you may send your coupon codes, along with their respective expiry dates, via both SMS and push notifications. This feature enhances the effectiveness of your promotional efforts by ensuring timely communication of expiring offers to your customers. 🎉


  • What message will users see if there are no available coupon codes?

If there are no coupon codes available for a particular slice, users will see a message indicating this. This message ensures transparency and helps manage user expectations. You can display a message like the following: "We're sorry, but there are no available coupon codes for this slice at the moment."

  • What is the usage frequency for the Spin the Wheel feature?

Users can spin the wheel once per day. After 24 hours have elapsed, they can spin it again. This frequency limitation ensures fair usage of the feature while still allowing users to engage with it on a daily basis.

  • Can I use different names for the "couponcode" and "expirydate" attributes?

Yes, in Netmera, you have the option to rename these attributes based on your preferences. This allows you to choose labels that best fit your campaign or organizational terminology.

  • How many transactional campaigns can I create with Netmera?

Netmera offers users the freedom to create as many transactional campaigns as needed, accommodating diverse usage requirements and objectives. Whether it's promoting exclusive offers, announcing limited-time deals, or rewarding loyal customers, users can customize campaigns to align with their marketing strategies and goals. This scalability empowers users to adapt and refine their messaging tactics in response to evolving business needs and market dynamics.

  • Can I create separate campaigns for each coupon code?

Yes, depending on the nature of the coupon code, you have the flexibility to tailor your campaigns accordingly. You can opt to create separate campaigns for each unique code, allowing for targeted messaging and tracking of individual promotions. Alternatively, you may choose to consolidate multiple codes within a single campaign, ideal for events like spins or promotions with a unified theme. This approach streamlines campaign management and ensures a cohesive brand experience across channels.

Last updated