• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Lynne Miller | Facebook™ Marketer

Facebook™ Marketer

  • Home
  • About
  • Blog
    • Video Tutorials
  • Services
    • Build a Beautiful Funnel Coaching
  • Create Magic With Me

How to Create a Popup With Button Using Bloom – Without Form Fields

September 18, 2018 By lynne 2 Comments

Want to use Bloom for only a button?

If you use Bloom from Elegant Themes, there are going to be times that you want just a button. Not a name or email field, but just a button to redirect someone to your sales page, or website.
Sometimes we want a pop up to do more. Send people to our offer or maybe to a special promo. It’s hard to do if you are using Bloom with the Divi Theme because by default, there are form field for your name and email.
Using HTML and a little CSS, you can do just that!

How to Use This Code


The following code is what I used to create my button, using an image and the custom css. I’ve put the changes you should make in bold.

HTML CODE:

<div class=”popup” align=”center”><a href=”http://WHERE YOU WANT THEM TO GO” target=”_blank” class=”popup”><img src=”http://the path to the button image you want to use“></a></div>

 

CSS CODE:

The first bold HEX code is the color of the Title on the form.
The second bold HEX code is the color of your background behind the button.
.popup { margin: auto; padding: 0; }
h2 { color: #D4ADA4!important; }
.et_bloom .wedge_edge .et_bloom_form_content { padding-top: 10px!important; }
.et_bloom .et_bloom_form_container .et_bloom_form_content { padding-top: 10px!important; padding-bottom: 20px!important; color: rgba(0, 0, 0, 0.5); width: 100%; background-color: #FFFFFF; position: relative; }

Check out the video below!

Filed Under: Marketing

Previous Post: « Instagram Bio Hacks
Next Post: How to fire the Facebook™ pixel when someone scrolls your page »

Reader Interactions

Comments

  1. Lee Ann says

    November 29, 2022 at 10:31 pm

    Hi Lynne, when I try your steps, neither to link to the form, nor the button work as bloom is putting the page URL in front of the http (https://vital-life-chiropractic.com/5-day-challenge-to-improve-hydration/”https://vital-life-chiropractic.com/wp-content/uploads/5-Day-Button.jpg“). Any ideas, otherwise, this is exactly what I want to do. This double http is happeing in the anchor, too. Lee Ann

    Reply
    • lynne says

      December 15, 2022 at 3:52 pm

      Try removing your url and see if the one Bloom inserts is correct.

      Reply

Leave a Reply Cancel reply

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

Primary Sidebar

Recent Posts

  • How to Use Facebook™ Audience Insights
  • The Social Media Playbook
  • Use This “Make a Copy” Trick To Share Google Drive Documents
  • How to fire the Facebook™ pixel when someone scrolls your page
  • How to Create a Popup With Button Using Bloom – Without Form Fields

Recent Comments

  • lynne on How to Create a Popup With Button Using Bloom – Without Form Fields
  • Lee Ann on How to Create a Popup With Button Using Bloom – Without Form Fields
  • lynne on How to Get More Facebook Page Likes For Free
  • oprol evorter on How to Get More Facebook Page Likes For Free
  • The Social Media Playbook • Lynne Miller | Facebook™ Ad Specialist | #Funnelista on 7 Ingredients to Effortless Social Media Posts

Archives

  • January 2019
  • October 2018
  • September 2018
  • August 2018
  • July 2018
  • June 2018
  • May 2018
  • April 2018
  • October 2017
  • April 2017
  • March 2017
  • October 2016
  • August 2016

Categories

  • Articles
  • Email Marketing
  • Facebook
  • List Building
  • Marketing
  • Sales Funnels
  • Social Media

Meta

  • Log in
  • Entries feed
  • Comments feed
  • WordPress.org

Copyright © 2023 · Lynne Miller International LLC · Privacy