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
    • File Sharing
  • 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)
        • Get IAP Canceled Subscription List (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

Was this helpful?

  1. Website Plugins
  2. Wordpress

Offercard

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

PreviousIn-App PurchaseNextBiometric Authentication

Last updated 3 months ago

Was this helpful?

[wtn_offercard action_url="https://www.webtonative.com" button_text_color="#FFFFFF" button_bg_color="#c2175b" button_text="Hurry!" card_size="SMALL" card_position="RIGHT"  card_bg_color="#000000" content_type="IMAGE" content_url="https://files.123freevectors.com/wp-content/resized/509296-holi-banner.jpg?w=500&q=95" id="1" schedule_duration=9 schedule_unit="minutes"]

The [wtn_offercard] shortcode displays a customizable offer card with the following options:

  • action_url: URL to navigate to when the button is clicked.

  • button_text_color: Color of the button text (hex code).

  • button_bg_color: Background color of the button (hex code).

  • button_text: Text displayed on the button.

  • card_size: Size of the card (SMALL, FULL_SCREEN, or FULL_WIDTH).

  • card_position: Horizontal alignment of the card, (SMALL size card position default position right) (Has no impact in case of FULL_SCREEN | FULL_WIDTH ) (LEFT, RIGHT).

  • card_bg_color: Background color of the card (hex code).

  • content_type: Type of content on the card (IMAGE or VIDEO).

  • content_url: URL of the image or video content displayed.

  • id: Unique identifier for the card.

  • schedule_duration: Duration for scheduling the card's display.

  • schedule_unit: Unit of time for the schedule (minutes, hours, day).

This shortcode generates an offer card with a button, an image, or video content that is visually appealing and functional.

Small screen offercard
Full screen offercard