Tag: Tutorials

How to Succeed in Affiliate Marketing: An Overview from Empire Flippers

As a WordPress site owner, you’ve thought about affiliate marketing at some point. Maybe you’ve tried to make it work, but it failed for some reason and you gave up. I’m here to tell you

How to Customize Email Templates in Joomla 4?

Joomla 4 is around the corner now with its beta version out there for developers & users with many new features, different code structures, some known bug fixes, and other improvements going on at the moment. It is developed and sustained by a global community of volunteers who aim to create new ways for people to manage their content. Joomla 4 offers a platform with a steady, secure, reliable, and a fully upgraded variety of options to design a website.

Joomla already has a lot of amazing features like it has better security options, easy customization of email templates, SEO friendly, frontend editing options just to name a few. Currently, Joomla is in its 3.9 version with which most of us are friendly by now or used to, but Joomla 4 will be very different from its previous versions. It will be different not only in terms of the interface but also in its codebase structure and option customizations.

In this article, we will discuss one such feature of Joomla that are Email templates. Joomla 4 overrides now offer to include additional custom fields, attachments, etc, which was not possible in Joomla 3 versions. Let’s now discuss how email templates work in Joomla 4.

What are Email templates in Joomla?

Email components are those that customize the email templates sent to users for different actions like contact forms, registration, password reset, etc. In the earlier Joomla versions, we couldn’t modify these email templates for users, the fields & options were fixed. But now thanks to the great team of Joomla developers for adding the com_mails extension using which we can now create and add customized templates each time a mail is sent.

The core purpose of this is to allow the admin to customize each email for different subjects and content based on the theme of their website. This is considered as one of the major feature enhancements in Joomla 4. Though Joomla provides multiple email templates that we can use and customize as per need, there are 5 main components around which this customization works, that are:

  1. Configuration Manager
  2. Contacts
  3. Users
  4. System – Joomla! Update Notifications
  5. User- Joomla!

Based on these there are only 8 different types of email template customizations possible in Joomla 4 each component having its own type. Now let’s discuss each of these types briefly.

Types of Email Templates 

The different types of email templates are as follows:-

Global Configuration: Test Mail:

This template is used to customize the email that the site admin sends to check whether the email functionality is working correctly or not.

Contacts: Contact Form Mail:

This email template customizes the content of Joomla Contact form email, where the users of the website send a contact inquiry mail.

Contacts: Contact Form Mail Copy:

This template is sent to the submitter of the mail with contact form only if “Send a copy to submitter” is checked in the contact form.

Users: Mass Mail Users:

This email template customizes the mass mail content sent to all the users of the website.

Users: Password Reset:

This template customizes the mail when the user sends a password reset request.

Users: Username Reminder:

This template customizes the mail to when a user sends a username reminder request.

Users: New Users:

This customizes the mail when a new user is registered on the website.

Joomla: Update Notification:

This template customizes the mail that Joomla sends to site admin whenever there is a new Joomla update. It only works if the update notification plugin is enabled.

How to Customize an Email Template

To use this feature make sure you have installed the latest version of Joomla 4. Now the steps for customizing are as follows:

Navigate to System Dashboard

Once you have installed Joomla, login to the Admin dashboard and then go to the System dashboard page.

Open the Mail Template Settings

After you open the System page, under Templates you will see the Mail Templates options.

Clicking on it will take you to the list of 8 different types of templates ready for customization.

Open Test Mail Template Settings

Click on the first Global Configuration: Test Mail settings. It has the option for editing the Mail Subject & Mail Body as per requirements. Once you enable these you will also see the available tags that are Sitename & method which can be used dynamically within the email template’s subject or body. Each mail template has its own set of tags for that extra field support.

Change the Mail’s text editor to HTML Editor

By default, every mail template has the Plain text editor, but you can change it to an HTML editor. Go back to the Mail templates list page, on the top right we have the Options > Mail tab > Choose Mail Format as Both or HTML. Again open any of the mail templates and you will either see both the editors or the one you choose.

The HTML editor has more advantages than the regular plain text editor. You can customize any email template with images, professional style, add a site logo, footer, and many more things.

Global Mail Options

On the mail template listing page, go to the Options > Mail tab. Here are some of the other new features added to Joomla 4.

 

Choose the mail text editor, enable different settings for each email template, use the “send a copy” function, and add the folder path for static mail attachments.

Enabling these options will add an extra tab within each mail template that is the Options tab.

Testing an Email Template

After you have successfully configured the email template in Joomla 4 it’s now time to test whether it actually works then how do we see it on our emails.

To test the mail template make sure to configure your email in Joomla Server under Global Configuration > Server > Mail > From email.

Customize Global Configuration: Test Mail Template

I’ll take the example of a Test Mail. Open the Global Configuration: Test mail template, enable edit Subject & edit Body.

Customize the Content

After enabling the edit options, add the subject & body of the email. You can also take the help of the tags where required. And then simply save the template.

Final Result

After template customization goes to the Global Configurations page under the Server tab and in the end, you will see the Send Test Mail button. Clicking on that button will send a test mail on the same ID configured earlier. The mail received will be in the format of your customized Test Mail template.

This way you can easily customize any mail template now in Joomla 4. This mail template override is one of the most important features of Joomla 4 that has given a wide range of customization support with custom fields, HTML editor, tags in order to create our own template. In conclusion, don’t forget to try out this new feature and let us know if the document was helpful or not.

How to Add Movie Schema to Joomla Article?

Wanting to create the next IMDB? Passionate about movies but at the same time cannot ignore the fact of being a Joomla developer, then why not develop a website (in Joomla of course) with the

How to Integrate Facebook Comments on Joomla Site?

Comments help to increase engagement on your website. But sometimes it leads to spam as well. Most of the black hat SEO practitioners try to spam websites by leaving their website links in the hope

How to Create a PayPal Donation Form on Joomla Site?

Do you know how to connect PayPal to Joomla? Searching for a way to integrate the Paypal to your Joomla website? Look no further, this article will tell exactly how you can do that using

Using Watchful to Backup and Manage Many Joomla Sites

I’ve been around the Joomla world for a long time now.

In many years of using Joomla, I’ve built sites for personal reasons, for business reasons, for friends, and for just playing around. I have a ton of Joomla sites!

Do you know how many Joomla sites you have?

If you answered, “I have lots of Joomla sites!”, then you should keep reading.

My Joomla work these days is mostly with Joomlashack, which is a big Joomla site.

Actually, that’s not completely accurate. Joomlashack is closer to 50 Joomla sites.

We’ve got 20 sites for Joomla template demos. We also have extension demo sites, as well as sites we maintain for clients. Then we have test and development sites we maintain too. The list goes on. Joomlashack has a big network of sites.

The only way we make this work is by using Watchful.net. Every time we start a new site, we add it to the Watchful dashboard. This image below shows a small fraction of all our sites:

The beauty of Watchful is that it allows us to control all our sites from one dashboard.

In the old days, when a new Joomla version came out, we had to log in to 50 different sites. This was our update process:

  • Visit the admin URL.
  • Find the username and password.
  • Log in and find the update screen.
  • Sit and wait for several minutes as the update runs.
  • Repeat this process 50 times.

Now, things are much easier with Watchful. When Joomla releases a new version, it’s really easy to update all 50 sites. For example, when Joomla 3.9.16 or a new plugin version is available, there’s an “Update All” button available.

Sometimes, updates are even easier and we don’t have to do anything at all.

Watchful has an auto-update feature. This allows Watchful to automatically update software you trust. This is available for the Joomla core files, plugins, and extensions that you select. Every hour, Watchful will check for updates. If they find an update, they’ll deploy it for you.

Here is our Watchful dashboard with an “Enable autoupdate” button:

If something does go wrong with the update, Watchful has some useful services that help us fix problems. In the image below, you can see the “Backups” link. This gives you access to Watchful’s integration with Akeeba Backup.

All of your sites can have their own customized backup settings. We choose to back up our main site every day, but only demo sites only need three backups per week. In the image below, you can see we chose Monday, Wednesday, and Saturday.

Watchful keeps a detailed log of all the backups. We can see when they ran and if they were successful. You can see that log in the image below:

This backup log is in addition to a detailed audit log showing all the changes to extensions, templates and key files. So if something broke on our sites on Monday, we can look back and see exactly what changed on our site that day.

Watchful summary

Watchful is hugely helpful to our Joomlashack team. We would need to radically rethink our network of sites if we didn’t have Watchful available. We simply get more done by using Watchful to automate all our site maintenance.

If you run multiple Joomla sites (they support WordPress too), then give Watchful a try. They’ve got a 30-day free trial available:

How to Move Your Classes Online — and Charge for Them

With tools like the Recurring Payments button and the Calendly block, you can move your classes online today.

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