How to create a free floating bar for your Joomla website

Joomla is a top-notch web design platform that empowers you to turn your ideas into reality without any coding. Whether you're an expert or just starting out, Joomla has everything you need to create stunning websites.

A challenge that websites face is engaging visitors and converting them into leads. This is where a floating bar can be a game-changer. By adding a floating bar to the top or bottom of your website, you can make it easily accessible to visitors, no matter where they are on the page. This increases the chances that they will see your CTA and take action.

With a floating bar, you can capture leads and encourage visitors to subscribe to your newsletter. This can help you grow your email list and increase conversions. You can customise floating bars to match the look and feel of your website, making them a perfect fit for your brand.

Choose the most reliable and high-quality floating bar solution for your Joomla website.

Why you should use Serviceform Floating bar for the Joomla website?

  • No coding knowledge is necessary to create a Serviceform Floating bar.
  • Customise easily to fit your brand with Serviceform Floating bars' high level of customisation.
  • Enjoy built-in real-time website and tool analytics at no extra cost with Serviceform.
  • Experience high engagement rates on your website with the use of Serviceform Floating bars, as seen with satisfied customers.
  • Enhance your website presence by displaying discounts, coupons, seasonal promotions, and other offers in prominent areas of your website.
  • Encourage important actions from B2B website visitors, such as newsletter subscriptions, webinar signups, white-paper downloads, and more.
  • Easily communicate company news and guide visitors to learn more.
  • Take advantage of Serviceform's extensive library of over 500 free, tested templates for inspiration.
Promotional code floating bar template

You’re about to make your Joomla website even better with the best Floating bar.

But why just stop there? 

It's now time to think outside the box and see how you can make the most of your floating bar and increase your online presence. Check out our Floating bar templates library and be inspired to bring new and creative ideas to your website. 

Get started by creating your free Serviceform account!

Step 1. Create your Serviceform pixel

After you create your Serviceform account, you can generate your Serviceform pixel in the box below. To start, type your website URL and select "START NOW".

Step 2. How to install a free floating bar on Joomla

Using HTML

If you're a tech-savvy person or have a developer in your team, it's easy to add a Serviceform Floating bar to your Joomla website using HTML. 

To start, click on the website you’ve set up on your Serviceform account and select settings. 

Then, copy the pixel code. 

Log in to the Joomla admin panel. Go to the "Extensions" menu and select "Templates”. Click the template you are using for your site and select "Details and files”.

In the "Files" section, find the "index.php" file and click on it to edit. Scroll to the top of the file and find the "head" tag. 

Simply add the pixel code that you’ve copied, in the head tag section and hit "Save changes”. 

Voila! Your Joomla website just got a lot cooler with Serviceform’s Floating bar.

Using Google Tag Manager

No worries if HTML isn't your thing. Installing the Serviceform pixel into your Joomla website using Google Tag Manager is easy. 

Simply choose the option to install via Google Tag Manager in your Serviceform account, then copy your unique pixel code.

Next, head over to your Google Tag Manager account and create a new tag. Then name your tag.

Once you've named your tag, head to the tag configuration and choose custom HTML from the drop-down menu. Then, simply paste the Serviceform pixel code you copied earlier into the code area.

Then click on ‘triggering’ and select ‘all pages.’ Then save your work and press submit. In the submission configuration screen, type ‘Adding Serviceform pixel’ into the ‘Version name’ area, and you’re all set. 

Step 3. Test if your Serviceform pixel is live

You can check if your pixel is active by looking at the top right corner of your dashboard.

If you see a green circle, that means it's active and ready to go. But if you see a red circle, it means it's not active yet. No worries, just give it a quick check and get it up and running in no time. 


Other integrations

Try the tools we created for your website.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
“Within six months, we were able to increase our lead generation by 100+ leads every month. It's very easy and convenient, the people are nice, you’ll get answers super fast whenever you need help. The results are good, so try them.”
Olli Pohjonen