Offercard

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

[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).

Small screen offercard
Full screen offercard

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

Last updated

Was this helpful?