Skip to content
Themewinter Logo
  • Home
  • About
  • Our Products
    • Eventin
    • WPCafe
    • WP Timetics
    • Booktics New
  • Blog
  • Deals
  • Login
Popular Search ticketqr codeemailtranslatelocation

Aisentic

  • Gettings Started
    • How to Manage Eventin Events Using AISentic’s AI Chatbot
    • How to Connect Your WordPress Plugins with AISentic
    • Getting Started with Aisentic: Your AI Assistant for WordPress

Authorsy

  • Introduction
  • Getting Started
    • Introduction
    • Plugin installation
    • License
  • Author Box
    • Add New Author
    • Author Settings
  • Voting
    • Voting
  • Shortcodes
    • ShortCode
  • Translation
    • Translation with Loco Translate

Delivery Module(Pro)

  • General
  • Add Food Store’s Location on Google Map(Pro)
  • Google autocomplete address in the checkout(Pro)
  • Minimum order amount to place order(Pro)

Eventin

  • Introduction of Eventin
  • Gettings Started
    • Introduction of Eventin
    • How to Install the Eventin Plugin
    • How to Upgrade Eventin Free to Pro Version
    • How to Activate an Eventin License
    • Quick Start Guide
  • General Settings
    • General Settings for Eventin
    • How to Change Event & Speaker Slug
    • How to Create a Webhook for Events (Pro)
    • How to Use Embeddable Scripts in Events(Pro)
    • How to Manage Role-Based Access in Eventin
    • How to Set Up Native Tax in Eventin
    • Getting support
  • Events
    • How to Create Event in Eventin
    • How to Create Event Categories and Tags
    • How to Assign Categories and Tags to Events
    • How to Create Recurring Event in Eventin
    • How to Create Event Ticket Variations
    • How to work global stock
    • How to Use the Waitlist Feature in Eventin
    • How to Check Event Report
    • How to Customize the Eventin Event Page with Elementor
    • How to Use WooCommerce Coupon for Events
    • How to insert Event Location in Eventin
    • How to Submit Events from the Front End in Eventin
    • How to Create a Hybrid Event in Eventin
  • Event Attendees
    • How to Refund a Booking (Full or Partial) in Eventin
    • How to Enable Event Attendee Registration
    • How to Add Attendee Extra Fields
    • How to Generate and Scan QR code(Pro)
    • How to Purchase Tickets on Eventin
    • How to Set a Countdown Timer for Ticket Purchases in Eventin
    • How to Send Event Certificates
    • How to Manage Attendees in Eventin
    • How to Manage Booking of Events
    • How to Add Attendees Manually (Pro)
    • How to View Event Bookings on the Frontend
  • Event Imports
    • How to import event from The Events Calendar to Eventin
    • How to import event from facebook in Eventin
    • How to import events in Eventin from Eventbrite?
  • Email Settings
    • How to Configure Confirmation Email for Event
    • How to Configure Reminder Email for Event
    • How to Configure RSVP Email
    • Email Automation Workflow Builder
  • Speakers and Organizers
    • Introduction of Eventin Speaker & Organizer
    • How to Create Eventin Speaker
    • How to Create Eventin Organizer
    • How to assign speakers on schedules
    • How to assign a speaker/organizer on events
  • Schedules
    • Introduction of Eventin Schedules
    • How to Create Eventin Schedule
    • How to Assign Schedule on Events
  • Payment Type
    • How to Configure FluentCart with Eventin
    • Which payment methods are supported by Eventin?
    • How to Configure the WooCommerce in Eventin
    • How to Configure the Stripe Payment Gateway in Eventin (Pro)
    • How to Configure the PayPal Payment Gateway in Eventin
    • How to Configure the Local Payment in Eventin
    • How to Configure SureCart in Eventin
  • Shortcodes & Widgets
    • Available Shortcodes & Widgets in Eventin
    • How to Use Eventin Shortcodes
    • Elementor Widgets in Eventin
    • Event Calendar View In Eventin
  • RSVP Events (Pro)
    • What is RSVP Event
    • How to Create RSVP in Eventin
    • RSVP Attendee Report
    • How to send RSVP invitations
  • Visual Seat Map
    • How to Create Event with Visual Seat Map in Eventin
  • Integration
    • How to Integrate Yoast SEO with Eventin
    • How to Integrate Zapier with Eventin
    • How to Integrate HubSpot with Eventin
    • How to Integrate FluentCommunity with Eventin
    • How to Integrate LearnDash with Eventin
    • How to Use WCFM Multivendor with Eventin
    • How to integrate Mailpoet with Eventin
    • How to integrate Zoho CRM with Eventin
    • How to integration Funnelkit (autonami ) with Eventin
    • How to integrate Mail Mint with Eventin
    • How to Integrate Tutor LMS with Eventin
    • How to Integrate Eventin with Bit Integrations
    • How to Integrate Eventin with Bit Flows
    • How to Integrate Eventin with OttoKit (formerly SureTriggers) to Automate Event Workflows
    • How to Integrate WowRevenue with Eventin
    • How to Integrate Oxyzen Builder with Eventin(Pro)
    • How to Integrate Bricks Builder with Eventin(Pro)
    • How to Integrate DIVI Builder with Eventin
    • How to Integrate FluentCRM with Eventin (pro)
    • How to Integrate Calendar with Eventin (Google, Apple etc)
    • How to Integrate Pabbly with Eventin
    • How to Integrate Twilio SMS Remindar with Eventin
    • How to Integrate Zapier with Eventin
    • How to Integrate BuddyBoss with Eventin(Pro)
    • How to Integrate Zoom Module with Eventin
    • How to Integrate Google Meet with Eventin (Pro)
    • How to Integrate Artificial Intelligence (AI) with Eventin (Pro)
    • How to Integrate Dokan with Eventin for Multivendor Events( Pro)
    • How to Integrate SEO Plugin with Eventin
    • Automate Eventin Bookings with Make.com Webhooks
    • How to Integrate Optiontics with Eventin
  • Templates
    • How to Override Email Template
    • How to Change Event Templates
    • How to Change Speaker Templates
    • How to Change Ticket Templates
    • How to Override Event Template
    • How to Override Speaker Template
    • How to Override Archive Page
  • Eventin MCP
    • How to use Eventin’s MCP to manage your WordPress events through Claude, Codex, and other AI assistants
  • Template Builder
    • How to Create Custom Event Landing Pages in Eventin (Pro)
    • How to Create Event Ticket Templates in Eventin (Pro)
    • How to Create Event Certificate Templates in Eventin (Pro)
  • Translations
    • How to Translate Eventin with WPML
    • Which languages are supported in Eventin?
    • Which translation plugins are supported in Eventin?
  • Rollback V4 to V3
    • Rollback V4 to V3
  • Troubleshooting
    • Admin Email Showing in Public Source Code
    • Ticket Email Sent from WordPress
    • ACF Field Support
    • How to Fix 404 issue on Event Page
  • Coupon
    • How to Create and Use Coupons in Eventin
  • General
    • How to Cancel Your Subscription
  • Face popup
    • How to Use Engagement Widgets in Eventin
  • Directory
    • How to Set Up the Organizer and Speaker Directory in Eventin

Optiontics

  • Upsells Block in Optiontics: Product Page Add-Ons
  • Mix & Match Products in Optiontics: Build-Your-Own Bundles
  • Multi-Currency Support in Optiontics
  • How to use Image Swatch Field in Optiontics
  • How to use in Button Group Field in Optiontics
  • How to use Checkbox Input in Optiontics
  • How to use Dropdown Field in Optiontics
  • How to use Radio Field in Optiontics
  • How to use File Upload Field in Optiontics
  • How to use Switch Product Addon using Optiontics
  • How to Add ShortCode Product Option Using Optiontics
  • How to use Range Slider Block in Optiontics
  • How to Add Font Picker Product Option Using Optiontics
  • How to Use Advanced Date and Time Picker using Optiontics
  • What is Optiontics?
  • How to Install Optiontics?
  • How to Create Product Options?

Pointics

  • Points Program
    • How Do I Create Point Earning Rules?
  • Reward Program
    • How Do I Create Rewards Customers Can Redeem?
  • Levels
    • How Do I Set Up VIP Levels?
  • Integrations
    • How Do I Use Pointics with WooCommerce
    • How Do I Use Pointics with Eventin
  • AI Features
    • How Do I Use the Pointics AI Assistant?
  • Getting Started
    • How Do I Set Up My Loyalty Program with the Pointics Setup Wizard?
    • Introduction to Pointics

WPCafe

  • Introduction of WPCafe
  • Troubleshooting
    • Slug Change
  • Getting Started
    • How to install the WPCafe Plugin
    • How to Upgrade WPCafe Free to Pro Version
    • How to Activate WPCafe License
    • Quick Start Guide
    • Plugin Uninstallation
  • Email Settings
    • How to Automate Reservation Emails in WPCafe
  • Product Addons
    • Product Addons (Pro)
  • Translation
    • How to Translate WPCafe
  • Rollback V2 to V3
    • How to Roll Back to an Older Version of WP Cafe
  • General settings
    • Presence Widgets in WP Cafe: Video Popup and Contact Card
    • How to Manage Global Schedule Settings
    • General Settings for Date and Time
    • Get Support
    • Theme Compatibility
    • User Roles and Permissions
    • How to use shortocde on WPCafe
    • WpCafe Elementor Widgets
  • Food Ordering
    • Max Orders per Day in WP Cafe: Limiting Daily Orders According to Your Restaurant
    • How to Set Up Dine-in, Pickup, Delivery, and ASAP Orders in WP Cafe
    • How to Use Optiontics with WP Cafe for Food Add-ons
    • How to use Recipt Layout in WPCafe for Order/Recipts Printing
    • How to Use Order Delay Notification in WPCafe
    • Product Nutritional and Allergen Info in WP Cafe
    • How to Use Product Label in WP Cafe
    • How to Manage Restaurant from Frontend or WordPress Site Panel – WP Cafe
    • How to Set Up the One Page Checkout in WPCafe
    • How to Add & Manage Food Categories and Tags
    • How to Add & Manage Brands
    • How to Add and Manage Food Menu in WPCafe
    • How to Manage Restaurant Locations in WPCafe
    • How to Show Food Menu by Location in WPCafe
    • How to Generate QR Codes for Food Menu
    • How to Enable Mini Cart in WPCafe
    • How to Set Up Tipping Using WPCafe
    • How to Add Discounts Using WPCafe
    • How to Enbale Sound Notification in WPCafe
    • How to Use Time Based Products in WPCafe
    • How to Setup Pickup for Food Ordering in WPCafe
    • How to Setup Delivery for Food Ordering in WPCafe
    • Searching Products with Pickup/Delivery(Pro)
  • Reservation
    • How to Set Up and Use Waitlist for Reservations in WPCafe
    • How to Receive Deposit Payment in Reservation in WP Cafe
    • How to Configure Reservation Settings in WPCafe
    • How to Customize the Reservation Form in WPCafe
    • How to Display the Reservation Form
    • Schedule
    • Email Settings
    • Reservation with Food Ordering (PRO)
    • How to Customize Table Layout in Reservation
  • Integrations
    • How to Integrate Uncanny Automator in WPCafe
    • How to Integrate FunnelKit Automation in WPCafe
    • How to Use WPML with WPCafe (Multilingual Setup)
    • How to Integrate Flowmattic in WPCafe
    • How to Add Mailmint Integration with WPCafe
    • How to Integrate MailPoet in WPCafe
    • WPCafe Multivendor Addon for WCFM Marketplace, Run a Multi-Restaurant Food Marketplace
    • How to integrate Zoho Flow with WPCafe
    • How to Create Webhook from WPCafe and Send Data to Any Third party integration
    • How to use Bricks Builder addon for WPCafe
    • How to Integrate Fluent CRM with WPCafe
    • How to Integrate Zapier in WPcafe
    • How to Integrate Pabbly with WPCafe
    • How to Integrate Shipday Plugin with WPCafe
    • How to Integration Twilio SMS with WPCafe
    • How to Integrate Clover POS with WPCafe
    • Loyalty Program Points & Rewards for Food Orders
    • How to Integrate Multivendor Addon in WPCafe
    • How to Use WPCafe Elements in Oxygen Builder
  • Style Settings
    • Style Settings
  • WPCafe MCP
    • How to Use WPCafe MCP with Claude, Codex & AI Assistants to Manage Your Restaurant
  • Home
  • Docs
  • Eventin
  • Face popup
  • How to Use Engagement Widgets in Eventin
View Categories

How to Use Engagement Widgets in Eventin

Engagement Widgets add two small floating widgets to your site: a Video Widget that plays a short video in a corner, and a Contact Card that shows the organizer’s contact details. You choose where each one sits, which pages it appears on, and when it shows up. Both are switched off until you turn them on.

Prerequisites #

  • Eventin and Eventin Pro (version 4.1.19 or later) — installed and active.
  • An Administrator account. Other roles cannot open this screen.

Step 1 — Open Engagement Widgets #

Go to Eventin → Engagement Widgets. The screen has two tabs, Video Widget and Contact Card, and a live preview on the right. The dot on each tab turns on when that widget is enabled.

Eventin Engagement Widgets screen with the Engagement Widgets menu item, the Video Widget and Contact Card tabs, and the live preview on the right.

Step 2 — Turn on the Video Widget and add a video #

On the Video Widget tab, switch on the toggle at the top. Then choose where the video comes from under Source.

  • Upload — click Select video and pick a file from the Media Library. MP4 works best. If a video is already chosen, the button reads Replace.
  • Direct link — paste a link to a video file or a YouTube video into Video URL.
Video Widget tab with the enable toggle switched on and the Video card showing the Upload and Direct link source options and a selected video file with Replace and Remove buttons.

Links from Vimeo, Facebook, TikTok and similar sites cannot be played. If you paste one, a warning appears and the widget will not show on your site.

Step 3 — Set the playback options #

The Playback card controls how the video behaves when the page loads.

  • Start minimized — shows the small bubble first. Visitors click it to open the video.
  • Play automatically — the video starts looping as soon as it appears.
  • Start with sound off — most browsers only allow autoplay when the video is muted.
  • Let visitors turn sound on — adds a mute / unmute control.
  • Show play / pause button — lets visitors pause the video.
Playback card with the Start minimized, Play automatically, Start with sound off, Let visitors turn sound on and Show play / pause button toggles.

Step 4 — Add a button to the video #

In the Button card, type the Button text, for example Get your ticket. Under Links to, pick A page and select one of your pages, or pick A URL and paste a link. The button appears on the video once a visitor opens it.

Button card with the Button text field, the Links to dropdown and the page or URL field next to it.

Step 5 — Choose the placement #

The Placement card decides where the widget sits and which pages it appears on.

  1. Pick a Corner.
  2. Use Nudge sideways (px) and Nudge up/down (px) to move it away from the edge. Each accepts 0 to 80.
  3. Under Show on, choose All pages, Eventin pages only, Specific events or Specific pages.
  4. For the last two, select the events or pages in the field that opens below.
Placement card with the corner picker, the Nudge sideways and Nudge up/down fields, and the Show on dropdown.

Eventin pages only covers single events, the event archive, event category and tag pages, and speaker and schedule pages. Checkout, ticket and order pages are always excluded.

Step 6 — Choose when it appears #

In the When to show card, pick one option.

  • Straight away — shows as soon as the page opens.
  • After a few seconds — waits 1 to 60 seconds.
  • After scrolling down — waits until the visitor has scrolled the percentage you set.

Keep Stay closed once the visitor closes it on to hide a closed widget for the rest of that visit. Turn it off and the widget comes back on every page.

When to show card with the Straight away, After a few seconds and After scrolling down options and the Stay closed once the visitor closes it toggle.

Step 7 — Set up the Contact Card #

Open the Contact Card tab and switch on the toggle at the top. Then fill in the card.

  1. Add a Title and a Subtitle.
  2. Under Contact details, choose what each row shows: Organizer name, email, phone, website, company or role. These are read from the event’s organizer.
  3. Pick Custom to type your own. The Label is what the card shows, and the field beside it is the email, phone number or link it opens.
  4. Click Add detail for more rows, up to eight. Drag a row by its handle to reorder it.
Contact Card tab with the enable toggle, the Title and Subtitle fields, and the Contact details rows with organizer and custom entries.

In the Buttons card you can add up to two buttons. Each needs a Text and a Link. The last button is the filled one.

Buttons card with two buttons, each with a Text field and a Link field.

The Contact Card has its own Placement and When to show cards. Set them the same way as in Step 5 and Step 6. Put the two widgets in different corners so they do not overlap.

Step 8 — Save your changes #

Click Save Changes at the top right. Use Discard to undo anything you have not saved yet.

Engagement Widgets header with the Discard and Save Changes buttons at the top right.

How it looks on your site #

Visitors see the video as a small bubble and the contact card in the corners you chose. Clicking the bubble opens the video with your button on it. Each widget has a close button.

Event page on the front end with the contact card in the bottom left corner and the video bubble in the bottom right corner.
Opened video widget on the front end showing the video, the pause, sound and close controls, and the Book Now button on it.

FAQs #

Q: I turned the widget on but it does not show on my site. Why? #

A: Check that you clicked Save Changes, that the page matches your Show on choice, and that a video is selected. With Specific events or Specific pages, the widget shows nowhere until you pick at least one.

Q: Can I use a YouTube or Vimeo video? #

A: YouTube links work. Vimeo, Facebook, TikTok, Instagram and other video sites are not supported yet. Use a direct video file or a YouTube link instead.

Q: Why does my video start without sound? #

A: Most browsers block autoplay with sound. Keep Start with sound off on and turn on Let visitors turn sound on so visitors can unmute it.

Q: Why are some contact rows missing on the front end? #

A: Organizer rows are read from the organizer of the event being viewed. A detail the organizer has not filled in is skipped. On pages that are not an event, only Custom rows and buttons appear.

Q: The button on my video or card is not showing. What is wrong? #

A: A button needs both a text and a link. If you linked it to a page, make sure that page is published.

Q: Will the widgets show on the checkout page? #

A: No. Checkout, cart, ticket and order pages are always excluded, whatever you choose under Show on.

Q: A visitor closed the widget. Will they see it again? #

A: With Stay closed once the visitor closes it on, it stays hidden for the rest of that visit and returns on their next one.

Conclusion #

Turn on the widget you need under Eventin → Engagement Widgets, add your video or contact details, choose the corner and pages, and click Save Changes. The preview shows the result as you go, so you can adjust it before your visitors see it.

What are your Feelings

Share This Article :

  • Facebook
  • X
  • LinkedIn
  • Pinterest
Updated on September 30, 2026
How to Use Engagement Widgets in EventinHow to Use Engagement Widgets in Eventin
Table of Contents
  • Prerequisites
  • Step 1 — Open Engagement Widgets
  • Step 2 — Turn on the Video Widget and add a video
  • Step 3 — Set the playback options
  • Step 4 — Add a button to the video
  • Step 5 — Choose the placement
  • Step 6 — Choose when it appears
  • Step 7 — Set up the Contact Card
  • Step 8 — Save your changes
  • How it looks on your site
  • FAQs
    • Q: I turned the widget on but it does not show on my site. Why?
    • Q: Can I use a YouTube or Vimeo video?
    • Q: Why does my video start without sound?
    • Q: Why are some contact rows missing on the front end?
    • Q: The button on my video or card is not showing. What is wrong?
    • Q: Will the widgets show on the checkout page?
    • Q: A visitor closed the widget. Will they see it again?
  • Conclusion
Copyright © 2013-2026 ThemeWinter. – A Brand of Arraytics.