As the world of e-commerce is still booming and knowledge on ‘how to’ is readily available we have to put it simply as it is – it’s not the professional who is at work here. Your average user who knows nothing about programming, developing or designing is setting up his or her own site. 

This being said, an important factor when looking for the ideal content management system is how quick and easy but still effective and efficient will the platform you finally decide on be.

Just like WordPress Joomla! is also a free and open source software licensed under GPL. Joomla! is being compared to WordPress because it offers you the same thing. The difference lies in the core software which in the end is what truly matters.

They clearly did something right as some of their users include the likes of Mc Donalds, Pizza Hut and even the UK Ministry of Defence. 

It has beautiful templates, it’s easy to navigate, it’s free … it offers you everything you will need to customize your site to your liking and if you are still uncertain you can give it a trial run for 90 days for free. You won’t regret it.

Adding your Instagram, Facebook or Twitter widget to your Joomla! website is easy. 

Follow these steps to create your widget.

A. Log in to your Joomla! website.

B. The following options are available for editors used in Joomla!.

  • TinyMCE,
  • CodeMirror and
  • No editor

i. The default editor used in Joomla! 3.x is TinyMCE and by doesn’t allow iframes, JS scripts, and links to stylesheet (CSS) files. To allow iframes, JS scripts and stylesheet links you will have to change the default editor to CodeMirror. CodeMirror allows all the above items.

C. Set CodeMirror as your default editor.

a. Select System > Global Configuration on the Admin toolbar.

image

b. Select the Site tab and under Site Settings change the Default Editor to Editor – CodeMirror.

image

c. Click on Save & Close.

image

d. Now you will be able to add your widget (which contains an iframe, JS scripts and a link to a CSS file) to your Joomla website.

e. If an error occurs when saving (Could not write to the configuration file) then you will have to set write permissions on the configuration.php file in the top folder on your hosting server. If you have access to your Joomla! folder structure you can do it yourself else you will have to contact your Service Provider to do this for you. The following was done via Core FTP. Set write permission for User only.

image

D. Adding your widget to your Joomla! website.

a. Select System > Control Panel on the Admin toolbar.

image

b. Select Articles on the CONTENT list.

image
  • Select the Article you want to add your widget to in the list of available articles.
image

d. Adding the widget without any heading

  • Insert widget below existing content of the article.
image
  • Click on Save and view your website.
  • This will display the widget without a Header in the article on your website.
image

e. Adding the widget with a heading.

i. To make the display of your widget a bit more attractive to your visitors you can add a Header to it. This is no change to the widget snippet itself, just an additional HTML line. Here is an example with a <h1>…</h1>; header, text centered and color Navy.

<h1 style=“color:navy; text-align: center; ”>Our Products</h1>

ii. Insert this line above the snippet.

image

iii. Click on Save & Close and view your website.

iv. This will display the widget with a Header in the article on your website.

image

v. Use the same process to add your widget to any article on your Joomla! website.

Leave a reply

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