chat-logo

Floating circle button

A floating icon at the bottom of the screen. Can be used to give the visitor a quick contact-us option or as a click-to-navigate button.

A floating icon at the bottom of the screen. Can be used to give the visitor a quick contact-us option or as a click-to-navigate button.

Use cases

  • Show a floating WhatsApp/SMS/click-to-call button.
  • Show a floating click-to-navigate icon on mobile devices.
  • Display a FAQ icon.

Targeting options

  • Show the floating icon only on mobile devices.
  • Display the floating icon based on the user’s interaction with the site: logged-in status/number of visits.
  • Display the floating icon on certain pages.
  • Display the floating icon to users from specific locations (i.e., click-to-navigate only if the user is close).
  • Schedule the floating message to be displayed at specific times and on specific days.

Step-by-step: Applying the template on your site

  1. Click the “edit template” button (on this page), edit the template, and copy its code.
  2. On your WordPress dashboard, go to If-So > Add a new trigger.
  3. Set up the dynamic version (Version A):
    Condition: Set up any condition.
    Content: Paste the code copied in the previous step (make sure to paste the code in “Text mode”).
  4. Default version – leave blank or, if you want to display the template on all pages, paste the template’s code into the default version content field.
  5. Publish the trigger.
  6. Paste the trigger’s shortcode anywhere on your site (or, apply the template on all of your website pages).

* Recommended icon image size: 64px by 64px

brush-icon EDIT TEMPLATE

Categories

Date/Time, Desktop, Floating Messages, Geolocation, Logged-in, Mobile, New & Returning Visitors, Templates

Edit Template

COPY CODE reset-button
Related Assets
Countdown (timer)
🕐 Our next webinar

25.10 | 17:00 UTC

7:00 according to your time zone (Los_Angeles)

Event Invitation