2016-10-12_11-40-20

How to add YEM to a WordPress Button

How to Add YEM to a button on your WordPress website. YEM is a leading enquiry management tool which allows business owners to collect enquiries smartly with automated reponses, funnel enquiry types, multiple team members and more. YEM’s free tools are used by wedding suppliers
around the world to increase their bookings. And below I’ll show you how to add it to a WordPress menu item (and potentially attach it to any item!).

  1. Log into YEM
  2. Go to Preview and Install
  3. Click Install Yourself
  4. Copy the button HTML code into your page.

2016-10-12_12-00-31 2016-10-12_12-01-21

 

How to add it to a WordPress menu item (and potentially attach it to any item!)

Add an identifier to your wordpress menu item. In this case I’ve added a title attribute.

2016-10-12_12-07-40

Find your YEM button code (shown in previous step) and copy  this into your page.

2016-10-12_12-05-06

2016-10-12_12-04-53

Add this JavaScript to your page to trigger  the button click.

jQuery(‘a[title=”contact-btn”]’).on(‘click’, function(e) {   e.preventDefault();   jQuery(‘#hidden-yem-open-btn’).click(); }); Add this CSS to hide the trigger button.

2016-10-12_12-05-28

That’s it the YEM tab should now open when you click any button with that ID.

Other thoughts:
– put the hidden button in your footer with the JS so it appears on all pages.

Full Script
https://jsfiddle.net/wecy4pqj/

0 replies

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply

Your email address will not be published. Required fields are marked *