How to Create a ‘Link in Bio’ Instagram Page Using Elementor

You’ve probably seen it many times – you are reading an interesting Instagram caption that ends with “check out the link in bio to read more.” But do you know what this means to a business and how you could take advantage of it?

This post will dive into the marketing opportunities that Instagram’s “Link in bio” page presents for a brand and how to easily create one in just five steps using the Elementor page builder and the Spotlight plugin!

Let’s get started!

You Only Have ONE Link Permitted on Instagram

First things first, if you’re running a brand on Instagram, you should know that this “link in bio” is essential for driving people to your site from Instagram.

However, Instagram does not allow its users to link to other websites on their posts. The only place where you can put a link on Instagram is in the description at the top of your profile called the “bio.”

We know this can feel restricting when you want to highlight multiple essential products, posts, and pages. Fortunately, creating the kind of landing page we will see in this tutorial is easier than you think, thanks to tools that help you put together all these relevant links and share them via a single URL.

One of our favorite tools is Spotlight, an Instagram feed plugin that lets you create self-hosted link in bio solutions for your website. This tool will lead you to create a custom landing page with all the links you want to share.

Before learning how to create a link in bio Instagram page using Spotlight, let’s take a quick look at why this page is fundamental to your marketing strategy.

Why Your Instagram ‘Link in bio’ Page is Essential to Your Marketing Strategy

More often than not, if you click on the link in someone’s bio on Instagram, you will go to a landing page that looks very similar to Instagram; only each Instagram post is a direct link to a particular post on the main website. In short, the link in bio page gathers filtered relevant information a brand wants you to see and click.

For example, let’s click on the link on The New York Times Instagram profile:

Whatever image you click on will take you to featured news, article, or video. Their goal with this page is to bring their Instagram followers to their site.

Now, let’s use Spotlight to create a seamless and visually appealing landing page!

Creating a ‘Link in Bio’ Instagram Page Using Elementor and Spotlight PRO

This tutorial will teach you to create a link in bio page with Spotlight PRO, and we will use Spotlight’s widget on Elementor to publish this page on our website. Then, we will insert the link in our Instagram’s bio.

You will notice how easy it is to create this page and how minimalist and beautiful the result is. It is simpler than creating a landing page using Elementor or other tools.

Step 1: Install Spotlight PRO and Elementor in WordPress

Spotlight comes in 2 options: Free and PRO. To install the plugin, start by going to your WordPress dashboard sidebar. Look for Plugins -> Add New. Search for Spotlight Social Photo Feeds, hit Install, and Activate.

For this tutorial, we will be using the PRO version of the plugin, which opens up an array of features that are not available on the free version. If you want to level up your Instagram feeds, take a look at the different PRO options and get the one that adjusts to your needs.

On the other hand, in case you haven’t installed Elementor yet, go back to the WordPress dashboard, click Plugins -> Add New. In the Search field, enter Elementor and choose Elementor website builder to install. After installation, click Activate.

Step 2: Create a Page with Elementor

Within WordPress go to Pages -> Add New and click on the Edit with Elementor button. In just a few seconds, you will be ready to start building your page where you will then add your Spotlight’s Instagram feed.

Step 3: Add a Spotlight Widget

Go to the page you have selected to be your Instagram landing page and search for the “Spotlight Instagram feed” widget. You need to choose the one with the Instagram logo. The other one is for the standard WordPress widget. Drag it onto your page.

The Elementor sidebar will now show you a Create Your Feed button. Click on it to get started.

The Spotlight Instagram Feed editor will pop up on your screen. From here, you can connect your Instagram account/s and design your feed to perfectly fit into the page.

Step 4. Pick the “Link in bio” Template

To make the design experience faster and easier for you, just select from the pre-made templates, specifically the “Link in bio” template.

You will get a minimalist Instagram-like feed template designed with mobile-first in mind as Instagram followers are more likely to be visiting this page from their phones.

Step 5. Connect Your Account

After selecting the “Link in bio” template, the next step is to choose whether you’re connecting a Personal or Business Instagram account. Then, authorize Spotlight to access your Instagram account, and in a matter of seconds, your feed will appear in Spotlight’s live interactive preview.

Step 6: Start Promoting Your Site on Instagram Posts

This is our feed after selecting the “Link in bio” template:

Now, let’s click on the Promote tab in Spotlight’s menu to start linking each Instagram post to one of our site’s pages. This same technique applies when linking to posts, custom post types, WooCommerce products, or any custom URL.

Start by selecting the post you want to add a link to. Once you’ve selected a post, the promotion type default will be set to Link.

Select the type of link you want to add. You can choose from various options: Custom URLs, blog posts, pages, WooCommerce product pages, templates, or any other custom post type.

In this case, we’ve selected to promote a “Page.”

Type in the page’s name or click on the drop-down menu. In this case, our page name is “Spring Collection.”

When you’re done selecting the type of link, click on Promote next post. Your link will be automatically stored when switching between posts, and you can save it at any time from the top right.

If you have selected to promote a product, Spotlight will search through all your products and find the matching item. Look at the example below where we linked one of our Instagram posts to a WooCommerce product. Read an in-depth tutorial on how to promote products.

Note that a link icon will appear on those posts linked, but it will not appear on the Instagram feed displayed on your website.

Pro Tip: Remember, you can mix different link types. Nobody knows your brand and business more than you, so make sure you take advantage of all the links you select. You can also change, remove or add any new links at any time.

Furthermore, learn how to set your Global and Automated Promotions to save time linking your Instagram posts. Spotlight created these tools to help you save time when creating multiple feeds to be used across your website:

  • Global Promotions. Using this feature, you can assign a specific link to an Instagram post and stop repeating the same steps each time you want to link that Instagram post in a feed.
  • Automated Promotions. With this feature, you can set posts with a specific hashtag in their description to automatically link to a particular post, page, URL or product.

After using all the unique features and possibilities of the plugin, let’s continue to embed the feed.

Step 7: Save and Embed

The final step is simply to click on the Save and Embed button and your Instagram feed will be automatically displayed on your Elementor page.

Moreover, you can also add another Elementor widget, such as a text or a CTA widget. Remember, the more visits you get, the closer you are to conversion, but if you also have excellent copy on your landing page, the chances will be greater.

Note: If you are designing your feed in the WordPress dashboard. Once you’re ready, save it and click on the Embed tab to get Spotlight’s options to embed your feed anywhere on your website. You can do so using four methods:

  1. Shortcode
  2. Elementor Widget
  3. WordPress Block
  4. WordPress Widget

Whatever the method you choose to save and embed your feed, once you have finished, let’s publish the page! This is our final result:

Step 8: Add Your ‘Link in bio’ URL to Your Instagram Bio

Once you have published your landing page on your site with Elementor, you can copy and paste your shiny new “link in bio” URL into your Instagram bio!

Go to Instagram and select Edit Profile, paste the link, tap the checkmark to save changes, and you are all set.

You now have a link on your Instagram with all the content to help you achieve your Instagram marketing goals.

A Real Life Use Case

Elementor themselves have followed these exact steps to move away from the hosted bio link service they were using and create their own.

They now have a self-hosted and completely custom link in bio page that is built entirely with Elementor itself and a Spotlight Instagram feed. Each Instagram post links to the related blog post or landing page and they’re also able to use the top part of the page to direct their Instagram followers to exactly where they’d like them to go.

If you're running a brand on Instagram, you should know that this "link in bio" is essential for driving people – or potential clients – to your site from Instagram. Learn to easily create a 'Link in Bio' Instagram page with the Spotlight plugin and Elementor.

The Bottom Line

Instagram already exceeds 1 billion users per month. Creating an excellent link in bio page on this social network is a golden opportunity with such a large audience.

A link in bio Instagram page will help you increase traffic to your website or eCommerce site. It is also vital to gain readership on your blog posts. Moreover, it will increase conversions thanks to increased traffic and improve the user experience.

Spotlight’s PRO plugin helps you create a specially tailored Instagram page with all the essential information to share with your audience and potential clients.

It is an intuitive tool to create modern feeds very quickly. One of its main advantages is the speed with which you can design the feed and choose the types of links to promote new products, articles, collections, or news. It’s definitely much easier than using different tools!

How to Create a Masonry Image Gallery in Divi

Unlike its competitor, Elementor, Divi Builder has no native element (module) to create a masonry image gallery (read: Elementor vs Divi). There is only a Gallery module which you can use to create a basic image gallery in Divi Builder. There are two ways to create a masonry image gallery in Divi Builder, the harder way and the easier way. The harder way requires you to add JavaScript and CSS, while the easier way doesn’t require you to deal with code. In this example, we will show you how to create a masonry gallery in Divi using the easier way with the help of Divi Supreme.

Divi Supreme is a feature-rich Divi plugin. Not only it does allow you to create masonry gallery, but you can also add more creative elements to your Divi page like content toggle, start rating (you can even create a dynamic star rating), image hotspot, Lottie animation, and so on. Divi Supreme is also solution to create a popup in Divi.

How to Create a Masonry Image Gallery in Divi Using Divi Supreme

Divi Supreme is one of the most popular Divi plugins which is released as a freemium plugin. However, the module to create masonry image gallery — the Supreme Masonry Gallery module — is only available on the pro version. So, you need to use the pro version to be able to create masonry gallery using the plugin. If you want to try the free version first, you can download it on the plugin directory of WordPress. While for the pro version, you can get it on the Divi Marketplace.

First, make sure you have installed the pro version of Divi Supreme. Once you are ready, edit a page you want add the masonry image gallery to with Divi Builder. On the Divi Builder editor, add a new module by clicking the grey plus button and select Supreme Masonry Gallery.

Add the images you want to add to the gallery by clicking the plus button on the Gallery block under the Content tab on the settings panel. Since you want to create a masonry gallery, you can select images with some size (dimension) variations.

You can open the Settings block under the Content tab to enable overlay and lightbox. There are two other options you can enable here: Horizontal Order and Zoom on Hover.

If you want to add a link, you can open the Link block. To set the background color, you can open the Background block.

Styling Up the Gallery

Once you are done with the basic settings on the Content tab, you can switch to the Design tab to further style up the gallery. There are nine blocks you can open here:

  • Grid Layout

You can open this block to set the number of columns per row as well as the gap between the columns.

  • Overlay Text

If you enable overlay on the Content tab, you can open this block to set the typography (font family, font size, font style, and so on), and text color of the of the text components of the images (description, title, and caption).

  • Grid Items

You can open this block to set the border of images on the gallery. Be it border radius, border size, border style, or border color.

  • Sizing

You can open this block to set the size of the gallery.

  • Spacing

You can open this block to set the spacing of the gallery (margin and padding)

  • Border

You can open this block to set the border of the gallery. From the border size, border radius, border color, to border style.

  • Filters

You can open this block to apply CSS filters to the images on the gallery. There are eight filter types you can apply: hue, saturation, brightness, contrast, invert, sepia, opacity, blur.

  • Transform

Divi comes with a built-in CSS transform feature. You can open this block to apply CSS transform to your gallery. You can read this article to learn more about how to apply CSS transform in Divi.

  • Animation

You can open this block to apply entrance animation to your gallery.

By the way, here is an example of a masonry image gallery created with Divi Supreme:

How to Find Hidden Malware in WordPress Websites

Even as the conversations around WordPress security are gaining ground, hackers are innovating and designing new types of malware to stay ahead of security practices. Despite your best efforts to scan WordPress for malware, you can’t be sure if you can detect all the malware on your website. Most malware stays hidden and it could be days or even months before you discover it.

In this article, we look at how malware infects WordPress sites, how it affects them, and what you can do to find and remove hidden malware from your WordPress site.

Impact of Hidden Malware on Your Site

Before we dive into malware infections and how you can treat them, it’s important to understand how malware impacts your site and why keeping your site free from it is so important. Hidden malware can create long-lasting damage to your WordPress site and your online business. Some of the ways hidden malware can impact your website include:

  • Site defacement and a bad user experience
  • Malvertising (or hiding malware within online advertisements) that risks your customers’ safety
  • Getting suspended or even blacklisted by Google undoing all your SEO effort

What are the main reasons why WordPress sites get infected with hidden malware? Let us discuss that next.

Why do WordPress Sites Get Infected with Hidden Malware?

It is also important to understand why WordPress sites get infected with hidden malware infections in the first place. Here are five of the most common issues that cause WordPress sites to be vulnerable to malware:

  1. The use of old or outdated WordPress versions along with obsolete plugins/themes
  2. An insecure web hosting environment that does not provide complete security
  3. Login page vulnerabilities including the use of “default” administrator usernames, weak passwords, lack of login protection
  4. The continued use of nulled and abandoned plugins/themes that pose a serious security threat
  5. Poor implementation and assignment of user roles and granting high-level permissions to all users, not just those who need to perform admin-related actions on the website

How to Check if Your Site has Hidden Malware

Is there any way to confirm if your WordPress website has hidden malware? Here are some telltale signs of malware in your WordPress site.

Common Symptoms of Hidden Malware

Hidden or not hidden, here are some common signs or symptoms that indicate that your WordPress site has been infected with malware:

  • Your website has unexpected pop-up ads.
  • You experience a sudden or sharp increase in traffic or web activity.
  • You notice a significant change in your admin page, including new or unknown plugins, toolbars, and extensions.
  • Your website keeps getting redirected to other malicious or fraudulent sites.
  • Your social media pages are inundated with strange posts, or your customer’s email accounts are populated with spam emails.
  • Your website crashes due to a sudden increase in online activity.

Where Can You Locate Hidden Malware in WordPress?

Hackers can insert hidden malware in any file or folder of your WordPress installation. To find hidden malware, you can run a comparison of your infected site with a fresh WordPress copy or version – and determine which files or folders have been modified.

Besides your core WordPress installation, hackers can insert hidden malware into your WordPress database and third-party plugins and themes. So, besides scanning WordPress files, you also need to scan the WordPress database for any malware.

Sounds too complicated? Manual malware scanning needs a fair bit of technical know-how and effort. Plus, it can be tedious and is not 100% effective. So, what is the best way to scan WordPress sites for malware?

How to Scan WordPress for Malware

How can you perform a complete WordPress malware scan with minimum effort and hassle? For WordPress sites, the best way is to install and use a WordPress security plugin to detect and remove hidden malware completely from your entire site. Security plugins are easy to install and can efficiently scan WordPress websites for malware variants that are new or lesser-known.

Which are some of the popular WordPress security plugins available in the market today, and why should you use them?

Using WordPress Security Plugins

With the number of malware variants being developed, not every virus-checking tool or method is equipped to perform a complete WordPress scan for malware variants. Security plugins like WP Security, MalCare, and Sucuri are designed for WordPress, and therefore, have ways to detect the sneakiest malware variants. They comb through your site for any hidden malware in your core installation files, database, plugins, and themes. For instance, the MalCare malware scanner can find new and unknown malware variants easily missed by other security scanners because its detection algorithm learns from the 240,000+ websites it has scanned so far. Additionally, it goes beyond signature matching to detect any abnormal or malware-like behavior on your site. These security plugins make it easy to perform a complete WordPress virus scan on any number of websites.

If a WordPress malware check uncovers any malware and vulnerability, such security scanners send you timely notifications so you can immediately fix issues to strengthen your website.

How to Clean Hidden Malware from Your WP Site?

Now that we know how to look for hidden malware on your WordPress site, the next challenge is cleaning or removing malware from a website. There are essentially two ways of removing any malware: manual and automatic. Let us look at each of these methods.

Cleaning Hidden Malware Manually

Manual malware cleanup is the process where you replace your infected files with a fresh WordPress installation or a backup file. Manual cleanups involve the following two steps:

  • Cleaning up infected website files or folders.
  • Cleaning up infected database files.

You can perform a manual cleanup of your WordPress files using an FTP tool like FileZilla that connects you to WordPress installation files. Once you are connected, you can easily replace any modified files with a backup copy or a new WordPress version. If you have any customized files, you need to edit them individually to remove the malware code manually. This is for your WordPress files.

If you need to perform a manual cleanup of your WordPress database, you will need to do it by connecting to your WordPress web host. You need to manually search for any spam keywords or malicious links and delete any database records containing them.

We recommend manual cleanups only if you have the necessary technical skills, WordPress know-how, and the time to invest in the process. Additionally, doing this for multiple sites across multiple WordPress hosts is a lot of work.

Cleaning Hidden Malware Using a Security Plugin

The easier option is to use a security plugin like MalCare to clean hidden malware from your site. The MalCare plugin can not only check WordPress sites for malware but can also automatically remove them. Additionally, these plugins look for backdoors that hackers can continue to gain access to your website even after malware cleanup.

All you need to do is install the plugin on your website, and it automatically performs a complete malware scan. Its “Auto-Clean” feature lets you perform an automatic cleanup without having to rely on an external technical expert. The tool cleans the WordPress core, the themes, plugins, and the database. MalCare’s interface is designed to make it easy for even non-technical users to take charge of cleaning their site.

While tools like MalCare make it easy to scan and clean your site, is there any way to protect your WordPress site from future malware attacks? Let us find out in the final section of this guide.

How to Prevent your WordPress from Malware Infections

As long as there are security vulnerabilities on your website, hackers will continue to take advantage of them to target your site. Security measures like updating your WordPress core and plugins/themes, using trusted plugins and themes, configuring strong passwords, reducing the number of admin users, limiting login attempts, etc. can go a long way to improve WordPress security.

Regularly scanning your WordPress for malware and using a firewall to block bad traffic are two of the most effective ways to ensure continuous and ongoing protection of your website. Thankfully, security plugins like MalCare combine several security measures that we recommend, and features like automated scanning and firewall protection into their offerings.

We hope this article helps you keep your site from malware and attacks.

How to Add Content Toggle in Divi

There are some design practices you can implement to make certain areas of your page looks more compact. One of which is by adding a content toggle. Divi Builder comes with a module called Toggle. However, the module cannot be used to add a content toggle. Instead, you can use the module to add content accordion. If you want to add content toggle to your Divi page, you can install Divi Supreme. It is a popular Divi plugin that comes with a bunch of modules, including the Content Toggle. Just like the name suggests, the module allows you to add content toggle to a Divi page. Read on to learn more.

As mentioned above, content toggle is a great idea to make a page looks more compact. You can use it to split two contents in the same area by providing a switcher (toggle). Two scenarios where content toggle a great fit are pricing table and before/after content. Take a look at the GIFs below.

Content toggle implemented on pricing table
Content toggle implemented on before/after content

How to Add Content Toggle in Divi

Divi Supreme is a great plugin if you want to add content toggle to a Divi page. It is one of the most popular Divi plugins. There are over 50 modules offered by the plugin in total, more than the native modules of Divi (outside WooCommerce modules). Divi Supreme is actually released as a freemium plugin, but you need to use the pro version to add content toggle as the module to do so is available on the pro version. You can get the pro version of Divi Supreme on Divi Marketplace. If you want to the free version first, you can get it on the plugin directory of WordPress.

Assuming you have installed Divi Supreme on your WordPress site, edit the page you want to add content toggle to using Divi. Once the Divi Builder editor opens, add a new module and select Content Toggle.

As you can see, the module will automatically add the content toggle element to your page. To add the content, you can open the Content One block and Content Two block under the Content tab on settings panel. You can add the content using the default editor or from a layout.

Adding the Content from Layout

Adding the content from a layout is a great option if you want to create a beautiful content as you can make use of the Divi Builder visual editor to create the content. For instance, you can create a beautiful pricing table as shown on the first GIF above.

Click either the Content One or Content Two block under the Content tab on the settings panel. On the Content Type dropdown, select Layout and then select a layout from the dropdown beneath it.

To create the layout itself, you can go to Divi -> Divi Library. Click the Add New button to add a new layout.

Give your layout a name on the Layout Name field. On the Layout Type field, select Layout. Click Submit to start creating the layout.

Select how you want to create the layout. If you want to create the layout from scratch, you can select the leftmost option (BUILD FROM SCRATCH). If you want to create the layout from a premade layout, you can select the middle option (CHOOSE A PREMADE LAYOUT).

Click Build On The Front End button to edit the layout using the visual editor of Divi Builder.

On the Divi Builder editor, you can create the layout you want to use on the toggle content. Once you are done editing the layout, click the Save button on the bottom-right corner to save the changes and Exit Visual Editor on the top bar to exit the Divi Builder editor.

Don’t forget to click the Update button to update the layout.

Repeat the steps above to create the content layout for second content.

Styling Up the Content Toggle

To style up the content toggle, you can go to the Design tab on the settings panel. You can open the Switcher to style up the toggle (switcher). You can set things like toggle size, toggle alignment, and background color.

To style up the headings, you can open the Heading One and Heading Two blocks. From these blocks, you can set the typography (font family, font size, font style, and so on) of the headings as well as the text color.

To style up the content, you can open the Content One and Content Two blocks. If you add the content from layout, opening these blocks is not necessary.

That’s it.

Once you are done editing your page, you can click the Save button on the bottom-right corner to save the changes followed by Exit Visual Editor on the top bar to exit Divi Builder editor.

Pin It on Pinterest

Creating with WordPress?​

Subscribe and join 1,000+ WordPress users receiving tips and insights on creating with WordPress in the no-code era. At WP Pagebuilders, we write about the following topics a lot.