How to Add a Top Call to Action Bar in WordPress

Having a powerful top call to action bar can increase the conversion power of any website. This highly effective banner shows up on every page and is a constant reminder to visitors what the most important action to take on the site is. In this tutorial, we show 3 ways to implement a top bar call to action on a WordPress website. 2 of the methods require the Divi theme, and 1 will work on any WordPress site.

We know everyone learns differently – if you prefer video, please watch the video tutorial below! If you’re more of a step-by-step person, we’ve written out the steps under the video.

Watch the Tutorial:

How to Add a Top Call to Action Bar in WordPress – Step by Step

Method 0ne: Use the HelloBar free plugin

1. Download and install the HelloBar plugin.
2. Create a free HelloBar account.
3. Select Target a URL
4. Select Hello Bar.
5. Customize the Hello Bar design, content, and target URL.
6. Publish the changes.
7. Copy the site snippet and add it to the website by going to Dashboard > HelloBar.
   Note: If the HelloBar doesn’t display on the website immediately, go back to the HelloBar account and change the display settings.

Method Two: Use the Divi Theme Builder

1. With the Divi theme, go to Divi > Theme Builder.
2. Select Default Website Template and create a global header.
   Note: With this method, you’ll need to recreate the menu using the Menu module.
3. Create the top bar call to action by adding a new section with a single row.
4. Add a text section and add the content for the call to action.
5. Customize the content and link the target URL.
6. Save changes.
7. Adjust the padding in the Section settings and give the section a bold background color.
   Tip: You can also add the target URL to the entire section for easier access on mobile devices.

Method Three: Use an Effortless Website Kit with a Built-In CTA Bar

1. From your Effortless Website Kit, go to Theme Customizer and add your call to action in the Make It Yours section.
2. Publish changes.