How to Create Interactive Click to Tweet Fancy Boxes in Joomla?

If you have read my previous post on this blog, you would see that I have used some Click to Tweet boxes within the content.

Have you wondered how I have added those?

Would you like to encourage your visitors to tweet your content? If yes, then you need to give them,

  • A reason to tweet your content.
  • An easy to tweet approach.

And once you give all these, your reader will not feel lazy to tweet your content because they will be able to do this with a single click.

To know more about how to make your readers share your content on their social media, I had published a blog post back in 2018. Just read that.

Today, in this article, we will learn

How to Create Tweetable Links & Fancy Boxes

For a beginner, Joomla can be a little complex, but thanks to the Joomla extensions that makes everything smooth and easy. And to create tweetable links, we will also use an extension so it can be an easy job for us.

Introducing TweetMe Joomla Extension

TweetMe is a Joomla extension that allows you to add tweetable quotes within your content. In short, you can add your important statements as tweets. And someone can tweet that statement with just a single click.

It comes with a simple configuration, multiple tweet templates, and many more features.

Let’s have a look at its features.

  • Responsive Layouts
  • Tweet with the single click
  • Link Shortening
  • 20+ Fancy templates
  • Clear Call to action
  • Fast and lightweight
  • Cross-browser compatible

You can download TweetMe Joomla Extension from its official website and use it on your Joomla website.

How to Use TweetMe With Joomla Content?

It doesn’t matter what you are using to publish content, and this Joomla extension will work like a charm.

So if you haven’t downloaded the extension, download it right now and install it on your Joomla site.

Once you have installed the TweetMe extension successfully, you will be able to use the extension with the help of Shortcodes.

Now, navigate to the content where you want to add a tweetable quote and use the below-given syntax.

{tweetme} Your text goes here..{/tweetme}

The syntax can be used wherever an HTML output is generated.

You can use multiple params within the syntax to add more info with tweetable text.

So here are the components that TweetMe offers.

TweetMe Components

URL

This parameter helps you to pass a URL to be shared with the tweet. If enabled, and no URL is passed, the current active page URL will be passed.

How to use

{tweetme} url="http://www.joomlabeginner.com}Your text goes here..{/tweetme}

Via

This parameter helps you to pass a Twitter username along with the tweet. The username will be appended at the end of the tweet.

 

How to use

{tweetme} via=joomlabeginner}Your text goes here..{/tweetme}

Hashtags

This parameter allows you to pass hashtags with the tweet. You can add multiple hashtags, separating them with commas.

 

How to use

{tweetme} hashtags=value1,value2}Your text goes here..{/tweetme}

Theme

This is an important parameter which helps you to decorate your tweet box. TweetMe extension comes with more than 20 fancy-looking themes, and you can use any of them for your tweet. To check the themes, check out its demo.

How to use

{tweetme} theme=t3_blue}Your text goes here..{/tweetme}

Font

If you want to change the font of the Tweetable text, you can use the font parameter. This parameter works only with the box mode themes.

How to use

buttontext

By default, the button text will be Click to Tweet. But if you want to change it to something else, you can use the Button Text parameter.

How to use

{tweetme} buttontext=Please Share!}Your text goes here..{/tweetme}

Pro Tips to Increase Tweets from your Content

  • Create valuable content.
  • Give a reason to tweet your content.
  • The content should be helpful and engaging.
  • Ask your audience to take action through your content.
  • Your content should be out of the box.
  • Use famous and exciting quotes in your content

I hope this article is helpful to you. Let us know your thoughts in the comment section. Also, let me know what you would like to read next on JoomlaBeginner.

How to Cloak Affiliate Links in Joomla?

Affiliate marketing is one of the best ways to earn a good amount of passive income. All you have to recommend other’s products or services to your audience, and when they will purchase from your links, you will get a commission.

Advertisers provide you a unique tracking URL by which they track the sales or clicks. These URLs are not so pretty and contain lots of strings and numbers, so it is tough to memorize it. 

To make the links user-friendly and pretty, we cloak the affiliate links. 

What Is Link Cloaking & Why you need to do it?

Long story short, Link Cloaking is a technique that makes long and ugly url short and branded. 

As I mentioned above that often, affiliate links are lengthy, hard to remember, includes your user name, userid, strings, and sometimes special characters, which makes it ugly. The URL looks like this: 

http://www.productsite.com/products/?product_id=123&affiliate=123

 And sometimes longer than this. 

But when you cloak the link, it makes these urls short and more branded with your domain. And it looks like this: 

https://www.yourdomain.com/ref/productname

Now you know the benefits of affiliate link cloaking. But still, let me highlight some of them here: 

  1. Sometimes users avoid to click on the affiliate links intentionally, and they end up leaving your website. But if you are cloaking them, they will not be able to guess if it is an affiliate link or not.  
  2. Let’s assume you are using an affiliate link on more than one post or place. And tomorrow, the advertiser changes the tracking URL. Now you have to change in all the places. But if you are using a link Cloaker, you have to change on a single location, and rest will be handled automatically. 

There are many other benefits of cloaking your affiliate links. Just try the link cloaking and see the benefits. 

Now, I am moving to the next step and explain to you how you can cloak affiliate links in Joomla. 

How to Cloak Affiliate Links in Joomla?

Since Joomla is a powerful CMS out there and it comes with much-inbuilt core features, and the Link cloaking plugin is also one of the core features of Joomla. In other CMS, you need to install the third-party plugins, but in Joomla, you don’t need to use the third party extension. You can use the core plugins for Joomla. 

Using Redirects Component

Redirects component is one of the core plugins which comes with Joomla installation. You don’t need to install it separately, but you need to enable it from the backend. So make sure you have enabled it before starting to cloak the links. 

To cloak your affiliate links with Redirects plugin, navigate to Components > Redirects

Now, click on the New Button and you will be redirected to cloak a link.

Here, under the Expired URL, you have to add your branded url, and under the New URL, you have to enter your affiliate URL.

And this way, you can use Redirects plugin to redirect the affiliate links. In JoomlaBeginner.com, we are also using the Redirects plugin to cloak affiliate links in Joomla.

Let me know in the comment section what other ways you are using to cloak the links on your Joomla website.

How to load a Joomla Module as Custom Field?

Custom fields make Joomla more powerful CMS among others. Joomla introduced custom fields back in 2017 with the release of Joomla 3.7. Till now by default Joomla have 16 custom fields

But most of them are the basic ones. If you want to use custom fields on an advanced level such as adding upload field to Joomla registration form or integrating Google maps etc, you need to use third-party custom fields extensions

If you don’t know how to use custom fields, I will suggest you read this detailed guide about adding a custom field to Joomla article

Anyways, in this article, we are going to learn how to load a Joomla module as a Custom field. This is an advanced custom field and you will not find it in default Joomla custom fields. So, we need to use a third-party extension to load Joomla module as a custom field

Introducing Advanced Custom Fields

Introducing you the Advanced Custom Fields. It helps you to extend your Joomla website with advanced types of custom fields such as YouTube, Vimeo, Dailymotion, Google Map, Bing map, Download button, Progress bar, Custom PHP, QR code, Currency, File upload, and many others.

It also offers you the Joomla module field. With the help of this custom field, you can load any Joomla module to your article

If you haven’t downloaded the Advanced Custom Fields extension yet, download it and install on your Joomla website

Once you are done with the installation, let’s move to the next step of creating a Joomla module custom field

How to add a Module Custom Field to Joomla! Articles

To add a module custom field to your Joomla articles, first, you need to create a new custom field. So let’s check out how to create a Joomla module custom field

Create a new custom field

Navigate to Content > Fields. Click New to create a new custom field. Name the field and Select ACF – Module Loader from the Type.

You can name it, change its label, add a description and set the default value as well

Once you are done with it, click on the Save and close it.

How to use Module Field in Joomla Article

Navigate to your article and complete your draft. Once you are done with article writing or drafting, click on the Fields tab. There you will Module field.

You will see all the published modules in the dropdown list. Simply select the module you want to display in the article

In this example, we have selected the JD Progressbar Module. So let’s see how it is looking in the article.

So this is how you can load the Joomla module within Joomla articles with the help of Advanced Custom Fields

So if you have any questions, feel free to comment below

If you find this piece of content useful, do share it with your fellow Joomlers

How to See Keywords People Use to Find Your Joomla Site

Do you know what search terms your users use to find for your Joomla website?

Have you ever cared about it? If not, if you are wasting your resources and time on the wrong path.

So before moving further, we need to know about the Keywords aka Search terms.

Keywords or Search terms are the phrases that a user uses to find anything on a search engine such as Google, Bing, etc. And you ever want to rank for those search terms which are very relevant to your product or services.

But, how you can rank for those when you don’t know what keywords people use to find your Joomla website. In this tutorial, we will find out why you need to track and how you can follow the search terms your users use to find your site.

Why do you need to track Keywords?

If you need a short answer, then here it is. Keyword tracking helps you to find out where you stand among your competitors for money search terms.

When it comes to proper SEO optimization of a Joomla website, proper keyword research and adding meta tags & descriptions play a vital role. So to know about the keywords becomes essential for a Joomla webmaster.

Apart from this, if you track your keywords, you got many metrics, such as what keywords users are using to find your website, on what position you are ranking and many others. Once you have all these data, you can plan your strategy to outrank your competitors and be on the top of the ranking.

But, the question is how you can find out the search phrases user uses to find your blog.

There are two ways you can use to track the keywords.

  1. Tracking keywords using Google Search Console
  2. Tracking Keywords using Google Analytics

Tracking keywords using Google Search Console

Google Search Console is a free tool provided by Google to help webmasters or website owners to monitor their website performance. With the help of GSC, you can find what keywords users use to find your website. Where you rank among your competitors and how much traffic those keywords are sending to you.

If you don’t know about Google Search Console and how to add your Joomla website to GSC, I have written a dedicated guide to help you set up Google Search Console for your Joomla website.

So now let’s check out how to find the keywords using Google Search Console.

If you have already set up the Google Search Console, directly log in to your account, otherwise you need to set up it.

Once you are logged in to your account, select the property aka your website.

Now click on the Search Results under the Performance Tab to view the keywords and their matrics.

Then there you will all the search terms users use to find your website under the Query tab.

Apart from the search terms, you can also check how many clicks and impressions you are getting for that particular search term and on what position it is ranking. And what is the CTR (Click Through Rate)?

This is how you can find the keywords people use to find your Joomla website.

Track keywords using Google Analytics

Google Analytics is another free tool from Google for webmasters. If you don’t know how to set up Google Analytics for your Joomla website, I would suggest you read how to install Google Analytics in Joomla.

Once you are done with installing the Google Analytics, now you need to connect Google Analytics with Google Search Console so Google Analytics can pull all search console data to its dashboard.

Connect Your Google Search Console With Google Analytics

Once you are done with the installation, login to your Google Analytics account and select the property.

Now, click on the Admin button from the bottom left corner of the screen, then All Products.

When you click on the All Products, you will have all the list of Google Products, which can be linked to Google Analytics. Find the Search Console in the list and click on the Link Search Console button.

Once you click on the button, you will see all the linked properties there if there will be any. Else you will notice none and a link with anchor text Add.

Click on Add and you will be redirected to Search Console Setting page where you have to select the property. Select the right property which you want to link with Google Analytics and hit the Save button.

link search console with ga

Congrats, now you have links to your search console with Google analytics. Now you will be able to find the queries that your users use to find your Joomla website.

So now, navigate to Acquisitions » Search Console » Queries report.

Now, here you will be able to find all the details about search terms users use to find your website along with other data.

I hope you find this article helpful. Let me tell you that both of the tools are free so you don’t need to pay for third-party tools to track your keywords. Use free resources and grow your business.

How to Add Your Joomla Site to Google Search Console?

Have you heard about Google Search Console prevously known as Google Webmaster Tool? 

Have you added your Joomla site to Google Search console

If not, 

you are making one of the biggest mistakes of Joomla SEO. 

Google Search Console offers specific webmaster tool to help a website owner or webmaster to monitor and maintain its search presence. 

So, it is essential to add your Joomla website to Google Search Console. 

Google Search Console helps you :

  • To track search ranking
  • To submit new content for indexing
  • To adding Sitemap
  • To delete or hide content from the Google Search
  • To find out what search terms driving most of the traffic. 
  • To find out which landing page is performing better and many more things. 

In this guide, we will learn how to set up Google Search Console and how to verify your Joomla website for Google Search Console. 

Adding Your Joomla Site to Google Search Console

Sign Up for Google Search Console

To get started; first, you need to visit Google Search Console official website. And there you will find a Start Now button. Click on it. 

Next, you need to log in. You can signin with your Gmail/Google account. 

Once you logged in successfully, you need to add your property. 

If you have already any website listed there with your account, you will see its dashboard, otherwise, you will be asked to add your website.

There are two ways to add your website. 

  1. URL-prefix property – Includes only URLs with the specified prefix, including the protocol (http/https). If you want your property to match any protocol or subdomain (http/https/www./m. and so on), consider adding a Domain property instead.
  2. Domain property – A domain-level property that Includes all subdomains (m, www, and so on) and multiple protocols (http, https, FTP).

I will suggest you go with the URL Prefix type as it is more flexible. 

Keep in mind that Google considers HTTP & HTTPS different protocols and websites with www & without www are also considered are two different websites. So, you need to enter the correct URL of your website. To learn more about adding a website property, check out its official guidelines. 

Once you have entered the correct URL of your Joomla website, now click on Continue button and Google will start verifying your website. 

In a few moments, Google Search Console will come with Ownership verification methods. You can choose any of them and verify your ownership. 

I either choose the HTML file or HTML tag to verify the ownership. So in this example, I will use the HTML Tag method for verification. 

Click on the HTML Tag to expand it and then copy the given meta tag from there. You need to add this code within the <head> section, before the first <body> section.

Verifying property ownership

We will use template framework settings to insert the meta tag within your header section. You can also add the code directly in the index.php file. But it is not good because when there is any update on the theme, your code will be deleted. 

And Google periodically checks the tag, and if it doesn’t find the code on your website, it will disable your access from the Search console.

Using Astroid Based Templates

If you are using any Astroid based template, you can easily insert the code from the template backend. The Astroid framework provides features to add custom code in different places. 

Navigate to Extensions > Templates > Styles. Select the template and open its template options. 

Under the Custom Code, paste your meta tag within the Tracking Code field. It will render under the header section. 

 

At last click the Save button in the top-left corner

Using Helix 3 Based Templates

Helix 3 also offers you to insert the custom codes directly from the backend without editing any file. So if you are using the Helix 3 based template, navigate to template options and find our Custom Code tab. Paste your meta tag under Before </head> field. 

At last click the Save button in the top-left corner

Using Helix Ultimate Based Templates

Like Astroid and Helix 3, Helix Ultimate also has the same option to insert any code to the header section directly from the backend.

So if you are using any Helix Ultimate framework based template, navigate to the template options and find out Custom Code tab. Once you open it, you will Before </head> field with text area. Paste your meta tag here. 

At last click the Save button.

Using T3 Based Templates

The T3 framework is also one of the most powerful frameworks. Like other frameworks, it also has a feature for custom codes. 

So if you are using any T3 based template for your Joomla website, follow the steps. 

Navigate to Extensions > Templates > Style and select your template. 

You will be redirected to the template option page. Find the Custom Code tab and insert your code at Before </head> field.

At last hit Save button.

Using Gantry Based Templates

Gantry is the most favourite framework for many Joomla designers, and they love to use it. And if you are also using any Gantry or Gantry 5 based template. You need to follow these steps. 

Navigate to Extensions > Templates > Styles > select your your template. 

You will have all the template section on your screen. Find out the Page Settings tab. 

Under Head Properties, there is a field called Custom Content. Paste your meta tag here and save your page settings. 

This way, you can add the meta tag to your Joomla website. 

Once the tag is inserted on your website, now go back to your Google Search Console. 

Under the HTML Tag, you will find the Verify button. Click on it. 

Google Search Console will now look for the HTML tag in your website code and will show you a success message.

 

Thats all. Now, you have successfully added your website to Google Search Console and also finish one more step to optimise your Joomla website for better SEO. 

How to use IFrame & Script Tags in Joomla Content Editor?

Have you tried to add IFrame or Script within the Joomla Content Editor?

I am sure, you have tried.

Joomla by default doesn’t allow such tags within the content editor and when you add, it cleans it out. 

But don’t worry, there is a valid solution for this. 

You just have to change some configuration settings and you will be able to use IFrame as well as Script tags in Joomla editor. So let’s start with the first method. 

Turn Off The Editor

The quickest way is to turn off your editor. To turn off your Editor, you have to navigate to Global Configurations > Site> Default Editor > Choose Editor – None

editor_none.jpg

To know more about how to change the Joomla editor, check out this detailed guide. 

Once you set the editor None, now go back to your article, there you will see only a plain text editor. Here you can use any IFrame or Script tag without any issue. 

Using Content Editor

In the above method, we have turned off the editor to use IFrame or Script tag within the content. But what if you need a content editor to format your content badly and you need to use the IFrame tag as well to embed a map or anything else. 

Let’s find out how you can do this. 

Change to Editor

Go back to your Global configuration and change your editor. For this tutorial, I will be using the TinyMCE editor. 

Change Prohibited Elements

Once you changed the editor, navigate to Extensions > Plugin and then find the TinyMCE plugin. 

Now, open it and select Set 0 which is assigned to Editors, Administrators, & Super Users. 

Now, find out Prohibited Elements and remove the elements you want to whitelist. At last, hit Save & Close and go back to your content editor.  

Note: Please do not leave the field empty. If you do not want to prohibit anything, you can simply add any dummy text here.

Now, you will be able to add those specific tags and they will not be cleaned up. 

Using the Text Filter

With the above method, the TinyMCE Editor plugin is handling all the content or element validations but if you want to handle all these validations from a single place, you can do it with Text Filters. 

So, let’s find out how to use the Text Filter to get IFrame & Script tag working in the content editor. 

Turn on Use Joomla Text Filter

As I told above that right now, the editor plugin is handling the validations. So to use the Text Filter, we need to Turn On Use Joomla Text Filter option from the plugin. 

Again navigate to Extensions > Plugin and then find the TinyMCE plugin. 

Now, open it and select Set 0 which is assigned to Editors, Administrators, & Super Users. 

Now find out Use Joomla Text Filter and Turn it On. As soon as you will turn it on, the Prohibited Elements, Valid Elements & Extended Valid Elements will hide. 

Now, hit Save & Close and navigate to Global Configurations and find Text Filters tab. 

Under the Text Filters tab, you can set all the validation according to the user groups. And these validations will be applied to all the text editors. 

Right now, we have to use the Script & IFrame tag so we will check if these are added in the filters or not. If these are there, simply remove them from there or use the No Filtering Option from the dropdown. 

At last, Save the setting and enjoy designing with Joomla. 

Winding Up…

This is how you can add <Script> and <IFrame> or any prohibited tag within the Joomla content editor. I will suggest you use the Text Filters as you can controls all the validations for all the editors from a single place. 

How to Take Full Joomla Website Backup Without Any Extensions

The future is uncertain. And you don’t know what will happen in the next moment.

And the same applies to the websites as well. So

Most of the website hosting companies offer you regular website backup on their servers but you can’t rely on those so you need to keep your own website back up as well.

There are many Joomla backup extensions that can help you to take regular automatic backup and store them on your local system on a server. So, whenever you required, you can restore and make your website live again.

So in today’s article, we will discuss backing up your Joomla website without any third-party extension.

So, let’s check out how to create a full website backup manually without the help of any Joomla backup extension. This will involve two steps:

  1. Backup Joomla Website Files
  2. Backup The Database

How to Backup Joomla Website Files

To take a backup of your Joomla files, log in to the cpanel or file manager. And open the website you want to take the backup. In this tutorial, I am using cPanel so I will guide you accordingly.

Once you are into the File Manager, select all the files and compress them. You will find the Compress option on there.

Compress files to take website backup

As soon you will click on the Compress, a popup will ask you to in which format you want to save the files. Simply choose the Zip Archive and press the Compress files button.

select .zip file format

Once compression is finished, download the Zip folder to your local system.

Now, we have to move on to the next step.

How to backup a Joomla website database

To take a database backup, you should know the database name. If you don’t know the database name, follow the steps.

Find out the configuration.php file in the root of your website. Open it and check for the database name, username, and password. These will look like the below-shared screenshot:

Find the database name in configuration.php file

Now, go back to your cPanel and open phpMyAdmin.

Here select the database name you checked on the last step and then click on the Export option available above the tables.

export database

Then click ‘Go‘. Save it as a .sql file on your computer.

This way, you will be able to take a full backup of your Joomla website without using any third-party Joomla extensions.

Let us know if you will have any issues while taking a manual backup of your Joomla website in the comment section.

20 Essential Things to Do After Installing Joomla

New to Joomla? Don’t know what to do after installing the Joomla? Are you feeling overwhelmed looking at the number of settings available in the Joomla? Don’t worry. You are not alone.

But, let me tell you that in other CMS like WordPress, you need to install different plugins to achieve these features, and in Joomla, you can have these by turning on the switches. So brace yourself and start configuring your Joomla site.

Once, you will finish reading this detailed article, and you will be able to set up a fully configured and ready to use the Joomla website.

…because

Today, we are discussing 20 essential things to do after you install Joomla on your server.

So, if you want to speed up the process, bookmark this article or share with your team. So it can be accessible to all, and they can implement these things whenever they launch a new Joomla site.

20 Essential Things to Do After Installing Joomla

Here is the list of 20 necessary things or configuration you need to do after installing Joomla on your server.

  1. Edit your Sitename
  2. Edit site Metadata Settings
  3. Enable SEF URL
  4. Remove Index.php from Joomla URL
  5. Remove ID & Numbers from URL
  6. Activate the ‘Install from Web’ feature for Joomla Extensions
  7. Debug and Error reporting
  8. Install Highly Responsive Joomla Template
  9. Turn on the Cache and Gzip Compression
  10. Install Required extensions
  11. Create Menu Categories & Menu Items
  12. Add Metadata to each menu item & article
  13. Configure your default text editor
  14. Install Google Analytics
  15. Setup Google Search Console
  16. Setup Joomla Security
  17. Setup Joomla Backup
  18. Make your Site GDPR Ready
  19. Configure or manage user settings
  20. Configure articles display settings

Edit your Sitename

Site Name a very crucial part of a website. It should be catchy enough, so use can click on the title when they find it on the search engine. So be careful while you are writing your site title

Let’s change the Sitename.

  • Login to your Joomla website administrator and then Navigate to System > Global Configuration.
  • Under the Site tab, Add your Site name

Add your Site name

Since you are at Site’s global configuration page, we can do a few more settings here. So let’s move to another setting.

Edit site Metadata Settings

Metadata is another essential thing which search engine uses to index your page on its SERP page. So you need to be very specific about your business while you are writing metadata for your website.
Let’s change Metadata settings.

  • Login to your Joomla website administrator and then Navigate to System > Global Configuration.
  • Under the Site tab, find about Metadata Settings.
  • Write Meta Descriptions. It should be between 150 to 165 characters, including spaces. And under the Site Meta Keywords enter the keywords and phrases that best describe your website. Separate keywords and phrases with a comma
  • Set Robot to Index, Follow so search engine can index your Joomla website.

site Metadata Settings

Enable SEF URL

By default Joomla provides you a dynamic URL which looks something like this:

http://www.yoursite.com/index.php?option%3Dcom_jdbuilder%26view%3Dpage%26id%3D3%26Itemid%3D111

This is either not search engine friendly, not a human-friendly. It will be hard for use to remember such URL so you will need a URL which is highly search and human-friendly.

Brace yourself that Joomla offers you all these settings.

You can either watch the video below or read a full guide on how to make Enable SEF URL and make it friendly for Search engine as well for humans

After you enable the SEF URL, your page URL will look like this:

https://www.joomlabeginner.com/blog/tutorials/61-how-to-create-seo-friendly-urls-in-joomla

Remove Index.php from Joomla URL

By default, Joomla adds a redundant index.php to each of your menu items. And search engine hates the superfluous words. So you have to remove index.php from your Joomla URL.

You can remove it easily from the backends. Follow the process.

Remove Index.php from Joomla URL

  • Login to your Joomla website administrator and then Navigate to System > Global Configuration.
  • Under the SEO settings, you will find Use URL Rewriting (it will be visible only if you have enabled the Search Engine Friendly URLs) enable it.
  • Now, if you an apache user, you have to rename your htaccess.txt file to .htaccess. And if you are IIS 7 user, you have to rename your web.config.txt file to web.config to remove index.php from your Joomla page url.

Remove ID & Numbers from URL

Once you are done with Enabling SEF URL and URL rewriting, you are almost done with creating a search engine and human-friendly URL. But still, you will see Category ID and article ID within your pages which are not linked to menu items.

Joomla now gives us the ability to remove the content numbers from the URL. This also can be done from the Joomla backend without messing up with any code. Follow the link to remove the ID from Joomla URL or watch the video below.

Activate the ‘Install from Web’ feature for Joomla Extensions

Install from Web is a great feature which allows you to install Joomla extension directly from the JED. You don’t need to visit the JED page and then download the extension from there. You can search in your backend and install the extension.

Login to your Joomla administrator to activate the Install from web feature.

  • Navigate to Extensions > Manage > Install
  • On the install screen you will see a message about adding the “Install from Web tab,” click on “Add Install from Web tab”:
  • In a few seconds, you will see an additional tab with name Install from Web along with others.

Activate the ‘Install from Web’ feature

Debug and Error reporting

Debug and error reporting is a great feature Joomla provide to us while you have no ideas what going to on your white screen or errors.

If your website is still under development, I will suggest you to turn on the Debug and Error reporting. So you can know if there is an error on your website.

 And if you are done with the development process and about the live your Joomla website. Please turned off the Debug and Error reporting so your visitor would not see any error messages on your website.

To enable Error Reporting,

Navigate to Global Configurations >  Server > and then set Error Reporting to Maximum. And to disable it set to None.

Enable error reporting

To enable Debug,

Navigate to Global Configurations > System and then under the Debug settings, enable Debug System to enable it or if you want to disable it select No.

enable Debug

Install Highly Responsive Joomla Template

On April 21, 2015, Google rolled out the mobile-friendly update that is specially designed to boost mobile-friendly websites. So it is essential to have a highly mobile responsive Joomla website to rank higher on search engines and make the excellent user experience on different sizes of devices.

So when you are choosing a Joomla template for your website, make sure it is highly responsive and loading fast. Here are a few developers, you can go with to get a mobile-friendly template.

  • JoomDev
  • JoomShaper
  • TemplateMonster (Now a Marketplace as well)
  • Themeforest (Marketplace)
  • JoomlaShine
  • JoomlaMonster

Turn on the Cache and Gzip Compression

Speed and performance are the primary factors of a website. If your site is not performing good or loading slow, there are chances to lose your customers. And cache is one of the most important things that help you improve the speed of your website. And Joomla has built-in option to enable Cache.

GZip compression is another smart method to reduce the size of your website and boost the loading speed. And in Joomla, you don’t need to add any code in your htaccess file or add any plugin to enable Gzip compression. Joomla has a built-in option to do this. Check out how to enable Gzip Compressions.

Install Required extensions

Joomla Extension directory has all the extensions you need for your website from basic to advanced. But you don’t need to think much about this. Install the essential extensions which you need for your website to achieve your goal.

Anyways, here I am suggesting you some of the Joomla extensions you should install on your Joomla extensions.

  • Admin Tools – It helps you protect your site from hackers and improve your website’s security.
  • Akeeba Backup – It helps you to take regular website backups. You can have another Joomla backup extensions as well.
  • JD Simple Contact Form – If you want to use a lightweight and straightforward contact form.
  • Convert Forms – If you want to set up an advanced contact form on your website. Apart from these, you can also check other Joomla Contact form extensions as well.
  • Google structured data – to improve your SEO score. There are many other Joomla SEO and Schema extensions. You can also check them.
  • JCH optimize – It helps you to optimize your Joomla website by compressing CSS, JS, HTML, and reducing HTTP request.

Furthermore, you can install the extensions as per your requirements. We have another article which has the list must-have extensions for your website.

Create Menu Categories & Menu Items

Site navigation is another important thing you need to do on your Joomla website. It is not only crucial for structuring your website and bifurcating your content, but it plays a fundamental role in improving your site’s SEO and user experience as well.

Site navigation

In Joomla, you can create and manage your menus and menu items easily through its menu manager. Follow the steps.

Create a Menu Category

  • Navigate to Menu > Manage > Add New Menu
  • Add the Menu category name and type of the menu.  And then save and close it.

Create a Menu Category

Creating Menu Item

  • Navigate to Menu > Select Menu > Add New Menu Item

Add New Menu Item

  • On the next step, give menu item name, select the menu item type, and add other required details. And at last, hit save and close.

menu item type

This way, you will be able to create menu categories and menu items. To know more about the menu categories and menu items, head over to its official documentation.

Do you know? You can also create a hidden menu item in Joomla.

Add Metadata to each menu item & article

You need to give special attention to your browser title and metadata (Meta description and meta keywords). These oware is shown on the search engine, and the user decides whether he has to click on your link or not based on these meta details.

Adding Metadata to the menu item

Open the menu item. Find the Page Display tab to add Browser title and to add meta description and meta keywords. You have to move the Metadata tab.

Adding Metadata to menu item

Adding Metadata to Article

To add browser title and metadata on Article, you have to open the particular article. Then navigate to the Options tab, and at the bottom of the page, you will find Browser Page Title. Add your title there. To add Meta description and Meta keywords, navigate to Publishing tab. And on the very right corner, you will find the options to add your meta description and meta keywords.

Adding Metadata to Article

This is how you can add meta description and keywords in your Joomla article and Joomla menu item.

Configure your default text editor

Joomla by default give you two types of text editor. One is Code editor, and another one is TinyMCE (WYSIWYG editor). But sometimes you want to have another editor like JCE or any other Joomla text editor.

If you want to have any third-party text editor, install it on your Joomla and set it as default.

How to set default text editor?

Navigate to Global Configurations and under the Site tab. You will find the Default editor. You will find a list of all available editors there. Choose your favorite one, and you are done. Save the settings and enjoy.

set default text editor

Install Google Analytics

Google Analytics helps you to decide based on data. It is helping you to understand who is visiting your Joomla website? What he is doing, who he was, where he was, and what was his behavior and where he came from. He came from a referral or the search engine.

You can get all these data from the Google Analytic. You have to install the Google Analytics code on your Joomla website, and you will start getting all the information about your website traffic.

Setup Google Search Console

Google offers you yan excellent tools to help you understand your website traffic and improve the index rating. Like Google Analytics, Google Search Console is also a Google tool. It helps you to measure the organic traffic on your website, website indexes on the search engine, and many other data.

Apart from the data, Google also use it for communicating with webmaster if there is an issue on your website.

To get started with Google search console, you need to verify your domain name on search console. Google offer you different methods to verify the domain property. You can choose anyone which suits you better.

If you are not aware of Google Search Console, check out this article on HubSpot.

Setup Joomla Security

Security is a must. If your Joomla site is not secure, hackers can get access to your website, and they can do what they want. So always keep security on your priority list.

What can you do to secure your Joomla Website?

  • Enable Two-step authentication
  • Use strong passwords.
  • Avoid to use nulled templates and extensions.
  • Install Joomla security and ani malware extension.
  • Always go with trusted Joomla hosting provider.
  • Keep Joomla up to date
  • Disable FTP layer
  • Use the secret key to login Joomla administrator.
  • Install SSL certificate

this is a huge checklist. I have compiled a dedicated Joomla security guide; you can check it out.

Setup Joomla Backup

Future is uncertain, and you can’t predict what is going to happen in the next minute. So you should always have a backup plan. This applies in real life as well as on the websites. Doesn’t matter how secure is your website; it can be compromised anytime.

So always keep taking regular backups of your website, so it got compromised anyhow, you can restore it from the backup.

Most of the hosting providers also offer the website backup services, but you should also have your backup as well. I have a list of some excellent Joomla backup extensions which are doing good.

You can use any of them and setup automated backups.

Make your Site GDPR Ready

After May 25, 2018, GDPR becomes the essential thing to do after Joomla installation on your website. GDPR stands for General Data Protection Regulation. It’s the regulation of EU Law on data protection and user privacy for everyone within the European Union (EU) and the European Economic Area (EEA).

So if your website is not compatible with GDPR guidelines, you can be fined heavily. It might entitle you to a fine of up to 20 million euros, or in the case of an undertaking, up to 4 % of their total global turnover of the preceding fiscal year, whichever is higher.

So to avoid the fines, make your website fully compatible with GDPR.

Here are a few things you can do to make your website GDPR ready.

  • Request consent before submitting any form.
  • Plan ahead for data breaches
  • Ensure customer data security
  • Update your Privacy & Cookie Policy.
  • Right to be forgotten so they can have their details removed from a website and the database if they request it.

But wait…

GDPR is not that scary if you make your Joomla website GDPR compliant. Even Joomla released a full privacy tool in its Joomla 3.9 and later versions. Apart from this, there are lots of Joomla GDPR extensions which can help you to make your website fully compatible with GDPR.

Configure or manage user settings

Joomla is well known for its management, and whether it is content management, menu management, or user management, you can do everything very smoothly.

So if you are running a forum website or a website that need user registrations, you can manage the user registration easily.

You can add, remove, or change their user group at any time and assign them a new user group.

If your website doesn’t need user registration and need only Super Admin, you can easily disable the user registrations.

So to manage your users,

Navigate to Users > Manage.

Here you will find a list of all the users. You can remove or assign them to a new user group.

manage your users

If you want to disable the user registrations, navigate to Options > User Options and then find Allow User Registrations. Select No to disable the user registration on your Joomla website.

disable the user registration

Configure articles display settings

Joomla offers you a lot of options to manage your articles. These settings are depending upon the layout you choose. You can have different settings for Single Article, Category Blog, Category List, and so on.

You can decide whether you want to show the title, feature images, Author name, voting, or anything. You can control with the help of switches.

So to configure your article display settings,

Navigate to Global Configurations > Articles.

configure your article display settings

Here you will find lots of options to control the display of your article layouts. Play with these and finalize what you like the most.

Over to you…

So these were the 20 essential things you need to do post Joomla installation on your website. I hope this post will act as a checklist for your or your team whenever they have to install new Joomla.

Let me know if I have skipped any step in the comment section.

Also, if you have any further question or suggestion regarding the post-Joomla installation, feel free to use the comment section.

And if you feel this article useful, don’t forget to share on social media.

WordPress.com and Fiverr Partner to Launch “WordPress.com Fundamentals” Course

Getting your new business website ready for launch? Want a little hand-holding — a step-by-step tutorial on setting up a WordPress.com site from start to finish, that you can work on at your own pace and on your own time? “WordPress.com Fundamentals,” a comprehensive video course created with our friends over at Fiverr, walks you through all the fundamentals in 90 minutes.

The course covers the basics of setting up a business website, but anyone new to WordPress.com can benefit from lessons on how to create an account, set up a site, customize a theme, publish content, and share it on social media. It was developed by WordPress.com Happiness Engineers with years of experience guiding thousands of new WordPress.com customers in chat, email, forums, and concierge sessions, so you know you’re getting expert guidance from people who know every WordPress.com tip and trick.

The entire course is just $31, which includes unlimited access to all the course materials, quizzes, and downloadable resources. Take it all at once, or learn at the pace that works for you — the course is divided into bite-sized chapters that you can refer to as many times as you need.

Students are also eligible for a discount of 25% on WordPress.com plan upgrades! So if you’ve been hesitating to explore the advanced features in the Premium, Business, or eCommerce plans, the course gives you both a great introduction to the ease and power of WordPress.com and a lower-cost way to try them out.

To get started, head over to the course page on the Learn from Fiverr website. Click on the green “Buy Course” button, and follow the prompts to create an account and purchase the course. And until the end of September, get 30% off the course fee by entering coupon code learnwordpress at checkout.

And if you do take the class, let us know what you think. Fiverr will send out a survey to all students after completing the class, so be sure to fill it out. We want to know what works for you, what you’d like to see more of, and where we can improve.

How to Add File Upload Field to the Joomla Registration Form

Are you a fan of Custom Fields in Joomla? Have you ever used those? Today in this article, we will discuss how you can level up your Joomla registration form with custom fields. Custom fields are firstly introduced in 2017 with the release of Joomla 3.7.

But still they are in limited, and you can’t do much with inbuilt custom fields. So either you have to create your field type which is hard for a non-coder like me.

Or you can use any third party Custom field Joomla extension which solves your purpose.

For today’s tutorial, I will need a File Upload Field type, and it is not available in inbuilt Joomla custom fields. So I have to use any third-party Joomla extensions.

Introducing Advanced Custom Fields

Introducing you the Advanced Custom Fields. It helps you to extend your Joomla website with advanced types of custom fields such as YouTube, Vimeo, Dailymotion, Google Map, Bing map, Download button, Progress bar, Custom PHP, QR code, Currency, File upload, and many others.

Apart from the wide range of custom fields, it also offers you the publishing assignment feature which allows you to conditionally display any custom field based on page’s URL, DateTime, User Groups, Domain referrer and much more

Advanced Custom Fields comes with free and pro version so if you don’t want to invest initially, you can try its free version and later you can upgrade to pro. Most of the custom fields are available in the free version but Sorry, if you need File Upload Field Type, you have to get the pro version as it is not available in the free version.

How to add File Upload Field to the Joomla Registration Form

There are many cases when you need to enhance your Joomla registration form, but due to the limitation, you can’t. In our case, we want to add a field where the user can upload their profile image. But Joomla by default does not offer any such feature. So I have to use the Advanced Custom Fields.

If you haven’t downloaded the extension yet, please download and install it on your Joomla website. To know how to install Joomla extensions, follow this guide.

Once installed, follow the guide.

Step 1: Create a new Custom Field

Navigate to Users > Fields. Click New to create a new custom field. Name the field and Select ACF – File Upload from the Type.

Create a new custom Field

Either give a custom Name and Label to the field, or it will auto-generate from the title. Also, you can set either it is required field or not.

Step 2 Set File Upload Rules

If you are creating a field to set up the user’s profile pic, you will not want the user to upload a video or gif or a large image. So in my case, I would like to allow users to upload only one .jpg or .png image and size should be up to 2 Mb.

To obtain these, find out File Upload Settings.

Set File Upload Rules

Here you can set where should uploaded images go and other settings. To fulfill the requirements as mentioned above, we have to do the following settings.

  • Set File Limit to 1
  • Set File Size Limit to 2
  • Set Allowed File Types to .jpg, .png

Step 3: Set how the uploaded file will be displayed in the user profile page

Now, you have to set how you want to display the uploaded image in the user profile page. Do you want to show it as a link or as an image? In our case, we want to display the actual uploaded image when a user views their profile page.

To do so, find Front-end Display and check Layout. Select Image from there, and you are done.

Front-end Display

At last, save the field and move on to test your registration form.

Step 4: Test the Joomla! Registration Form

Visit on your Joomla registration page. There you should see a file upload field with the name you have given in the Label.

Test Custom Field

Step 5 View the Uploaded Photo in the User Profile Page

At last, you would like to test how it will look on the user profile. To do so, you need to go to the User Profile page, and there you will be able to check the overview of the profile.

View profile page

And this is how you can add file upload field to the Joomla registration form and enhance your Joomla site. To more about the Advanced Custom Fields, check out the detailed documentation on the official website.