Shares 10

Social Share, Heat Maps, Scroll Box, Image Share, Smart Bar, Contact Form for Joomla & K2- Guess what? All in free!

Where it comes to WordPress there are plenty of quality plugins for social share, popup, heat map, etc. however, very few for Joomla. I was in search for Social Share, Popup that “works” and lately I found SumoMe, which offers more than social share & popup, and it’s FREE.

In this guide, I will guide how to implement following tools in Joomla 3.x for free.

  • Social Share
  • Image Share
  • Scroll Box Popup
  • List Builder Popup
  • Smart Bar

You may not need all the above tools so you got to try them and see what works for you.

SumoMe Setup

The first thing you got to do is setup SumoMe to use their features. Setting up SumoMe is relatively easy and can be done in less than 5 minutes in two easy steps. So, let’s start setting up now.

 1 Getting SumoMe HTML Code

  • Visit SumoMe
  • Click on TRY IT NOW

sumome-joomla

  •  You will be given a HTML code something like below.

sumome-html-code

  • Copy the script

2 Install HTML Code to Joomla

  • Login into Joomla Administrator
  • Go to Extensions>>Module Manager
  • Click on New and select Custom HTML
  • Toggle your editor to source code and paste the HTML code, which you got from SumoMe
  • Name the module – in this guide, I have kept it SumoMe Tools
  • Select the position to Right – actually, you can publish this to any position
  • Click on Hide to Show Title
  • Click on Save & Close. This is how custom HTML module should look like

sumome-html-module-joomla

Now, we have successfully installed SumoMe and it’s time to configure those tools. Let’s see them in action.

Refresh you Joomla website and you should see blue icon at right top. That’s the indication SumoMe setup is successfully done and ready for configuration.

sumome-blue-icon

  • Click on SumoMe icon and you should see the following popup

sumome-setup-signup

  • Click on SIGN UP
  • Enter email and password and click on Submit

sumome-signup

  • Enter Name & Phone Number or you can click on Skip

sumome-signup-continue

  • Next, you should see Home, which will have default three icons

It’s time to configure their great tools now.

Social Share for Joomla Articles, K2 Items

  • Click on Sumo Store from Home
  • Click on Share

sumome-share

  • Click on FREE to install the Share features

share-free

  • It will take few seconds to install and you should see OPEN

share-open

  • Click on OPEN to configure the share.
  • Click on Layout at left sidebar and you should see following. If you look at carefully, you will see the white tab, which you need to activate in order to have a share button on those areas. In this demonstration, I have selected to show social share buttons on top and bottom of the article and also left the side of the article.

sumome-share-config

  • Click on Save and you should see the social share on your Joomla website.

Social Share Configuration

You have full control in configuring Social Share, for ex –

  • Choose what social buttons you want on your article
  • Choose if you want to show share counts
  • Choose share label
  • Choose background color of social share
  • Add rule to your article if you don’t want to show social share buttons
  • Add twitter @username for twitter share

Image Share for Joomla Articles and K2 items

If you ever wanted to have social share buttons on your article’s picture then you have found it. Having Image Share helps a visitor to quickly share your image, pin it and you get links back to your article.

  • Click on Sumo Store from Home
  • Click on Image Sharer
  • Click on FREE to install

Image Share Configuration

There are four social share services (Facebook, Twitter, Pinterest, Yummly) available which you can configure to show on your images. You may also configure following by going to Settings tab.

  • Choose what social share buttons to appear on image
  • Choose if use URL shortener
  • Choose to use image alt text
  • Add Twitter username
  • Choose button position (Center, left, Top, Bottom, etc.)
  • Choose to show on all devices or just desktop
  • Add rule to hide on specific articles

This is how configuration looks like.

image-share-config

 Scroll Box for Joomla & K2

While reading this article, you may notice popup sliding from the bottom right – that’s scroll box I am using. The best way to offer free goodies or collect emails.

  • Click on Sumo Store from Home
  • Click on Scroll Box
  • Click on FREE to install

scroll-box-joomla

Scroll Box Configuration

You have control on the way scroll box trigger, design the popup, text and integrate with email service.

  •  Choose box heading
  • Choose heading font, color & text
  • Choose Subscribe button text, color
  • Configure placeholder, success heading & text
  • Choose when and where to trigger
  • Choose the frequency so you don’t show the same box to the same visitor again
  • Integrate with email services like MailChimp, Aweber, etc.
  • Add rule to hide on particular articles

List Builder Popup

Easily build your email list with beautiful popup whilst having control on design and timing of your newsletter popover.

  • Click on Sumo Store from Home
  • Click on List Builder
  • Click on FREE to install

list-builder

List Builder Configuration

  •  Design your popup with your choice of heading font, color and text
  • Choose when to show popup
  • Choose frequently to not to show the popup to the same visitor again
  • Integrate with email services like MailChimp, get response, etc.
  • Add rule to hide on particular articles

Smart Bar for Joomla & K2

If you are not using fixed top menu or header then this might be something interest to you. Do you have any new announcement or want to collect emails? Smart Bar always stays at the top so it attracts visitor attention.

  • Click on Sumo Store from Home
  • Click on Smart Bar
  • Click on FREE to install

smart-bar

Smart Bar configuration is very straightforward like designing the bar, behavior and integration with your favorite email services.

This guide is to give you an idea what you can achieve with SumoMe and the best thing is all are free to use. There are more tools available like Heat Maps, Content Analytics, Highlighter, Contact Form and Leads. You can check them out.

I think SumoMe is a great deal in free for any website. So give a try to see if it’s helpful to you.

Shares 10

Reader Interactions

Comments

  1. dont work in joomla 3.4
    Your SumoMe script tag is missing a valid site id.
    Here’s a new one for you, just copy & paste it over your current one.

  2. Oh my goodness! Incredible article dude! Manyy thanks, However
    I am having troubles with your RSS. I don’t understand the reason why I
    cannjot join it. Is there anybody else having tthe same RSS problems?
    Anybody whho knows the solution can you kindly
    respond? Thanx!!

  3. How do I set Share to have rectangular buttons, the + sign, and float over the article like you have on this page? Are these Pro features?

Comments

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