WebToNative
  • Getting started
  • Plugin Setup
    • OneSignal Set Up
    • Google AdMob Setup
    • In App Purchase - iOS Setup
    • In App Purchase - Android Setup
    • Firebase Notification Integration - iOS Setup
  • Social Login Integrations
    • Getting the SHA Key for Google Login
    • Create Google OAuth Client Id
    • Facebook Login Configuration
  • Javascript APIS
    • Getting Started
    • Status Bar
    • Pull To Refresh
    • Close App
    • Device Info
    • Clear App Cache
    • OneSignal Push Notification
    • Download Files
    • Printing Options
    • AdMob
    • Geo Location
    • Load In External Browser
    • Barcode Scan
    • In App Purchase - iOS Integration
    • In App Purchase - Android Integration
    • Social Login
    • Facebook App Events
    • Bottom Navigation
    • Clipboard
    • Screen Control
    • Background Location
    • Native Contacts
    • iOS App Tracking Transparency
    • Google Firebase Analytics
    • Haptic Feedback
    • Google Firebase Notification
    • Apps Flyer
    • App Review
    • Calender - iOS
    • Calendar - Android
    • Biometric Authentication
    • Media Player
    • Notification View
    • Offer Card
    • Cookie Update
    • App Launch Detection
    • Download Manager
    • Dynamic App Icon
  • Website Plugins
    • Wordpress
      • Push notification (WooCommerce)
      • In-App Purchase
        • In-App Purchase (IAP) Configuration Guide for iOS and Android
        • In-App Purchase (WooCommerce)
        • In-App Purchase
      • Offercard
      • Biometric Authentication
      • Social Login
      • Webtonative media player
        • WebToNative Radio Player
        • MediaPlayer Native Control
    • Bubble.io
      • Customize Status Bar
      • Device-Based Element Visibility
      • Pull to Refresh (Android)
      • OneSignal Push Notification
        • Set External ID
        • Send Push Notification
        • Set/Remove Email or SMS Phone
        • Set Tag
      • Close App
      • Get Device Info
      • Clear App Cache (Android)
      • Screen Control
      • Facebook Events
        • Regular
        • Purchase
      • AdMob
      • Offercard
      • In-App Purchase
        • In-App Purchase (Android/iOS)
      • Social Login
      • Biometric Authentication
  • Shopify
    • Social Login
    • In-App Purchase
      • In-app purchase
    • Push Notification
      • Abandoned Cart
    • Status Bar Customization
    • Native Device Visibilty
    • Set Onesignal Tags
    • Pull to Refresh
    • Account Deletion
    • Biometric Authentication
  • Upload Apps
    • Android App
    • Ios App
Powered by GitBook
On this page
  • Overview
  • How It Works
  • How to Set It Up
  • Example Workflow
  • Example Use Case

Was this helpful?

  1. Website Plugins
  2. Bubble.io

Offercard

Show video/image card to your users for discounts or offers or information.

Overview

The Offer Card Action lets you display a customizable card in your app. This card can show text, colors, and content like images or links, making it easy to grab users' attention with an actionable offer.

How It Works

  1. Card Settings: You configure the card's appearance and behavior using these settings:

    • Action URL: The link to the button will open when clicked.

    • Button Text Color: The text color of the button.

    • Button Background Color: The background color of the button.

    • Button Text: The text is displayed on the button (optional).

    • Card Size: The size of the card (SMALL, MEDIUM, or LARGE).

    • Card Position: Where the card appears (LEFT or RIGHT).

    • Card Background Color: The background color of the card.

    • Content Type: The type of content shown on the card (IMAGE and VIDEO).

    • Content URL: The URL of the content (e.g., an image or video).

    • Offer Card ID: You must provide an offer card ID to use the scheduling feature. You can use any valid ID.

    • Show Again In (Duration): Controls how long the offer card remains hidden before it can be shown again (Number).

    • Show Again In (Unit): days/minutes/hours

How to Set It Up

  1. Add the Action: In your Bubble workflow, add the "Offer Card" action.

  2. Fill Out the Settings: Enter the values for the card properties (e.g., button color, content type).

  3. Preview the Card: The card will appear based on your settings and can be customized further.

Example Workflow

  1. Trigger: When the page loads or a specific button is clicked.

  2. Action: The Offer Card action is triggered and displays the card with the configured settings.

  3. Result: The card is shown with the provided button and content, ready for user interaction.

Example Use Case

You want to promote a limited-time offer.

  • Configure the Offer Card with an image as the content, and a "Click Here" button, and set the card to appear on the left side of the screen.

  • When users click the button, they are redirected to the offer page.

This simple workflow ensures users see a visually appealing offer and can act on it easily!

PreviousAdMobNextIn-App Purchase

Last updated 5 days ago

Was this helpful?

Full screen offercard
Small screen offercard