• 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
  • Apply

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. eleina rose says

    July 15, 2021 at 3:48 pm

    Hi: I cannot make this work. I’ve used your HTML and your CSS, to no avail. But I did notice that you started the video with a bloom optin that had already been created. Maybe I selected the wrong type of optin? I chose Pop Up – maybe you used inline?

    Reply
    • lynne says

      July 19, 2021 at 3:25 pm

      If you are copying and pasting, remember that the quotation marks come up funny so you’ll have to replace them in the code. Try that.

      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
  • eleina rose 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 © 2022 · Lynne Miller International LLC · Privacy