How to create a visual link preview in WordPress 2022

If you want to make your website more informative, educational or you want to link a post on a topic related to your article, it will significantly increase the acceptance of your website. But, just bringing a link and attaching it to your post will not be very practical and interesting. By creating optical links for your website, as you see on Facebook, you can share interesting content that your visitors will also pay attention to. The Visual Link Preview Plugin for WordPress is an easy way to add more flair to your links.

Visual Link Preview Plugin will help you –

Add the Call to Action button to all your affiliate links
Display WooCommerce products on your site
Manage the article lineup for your readers
Introduce related blogs / products from other websites
Show charts, statistics about relevant things.

Also, in its purest form, the Visual Link Preview plugin is a great way to add relevant post links and keep people stuck on the website for a long time.

The special plugin will allow you to create a visual preview for any internal or external link and you can also create a custom template with a form that matches your trademark or website. Then, add a smooth show box anywhere on your content or page Let’s see how to add a display box to any editor on a WordPress site.

Visual Link Preview Plugin Installation

If you are running a WordPress website, my guess is you already know how to add plugins. However, we will be repeating the installation procedure shortly.

First, go to your WordPress dashboard and select “Plugins” from the left sidebar.

Click Add New from the submenu. You can also click Add New from the top of the Installed Plugins page.

Type “Visual Link Preview” in the search box at the top right of the page. Click “Iinstall Now” at the top right of the Plugin Preview box.

After the installation is complete, click Activate.

Configuring Visual Link Preview Plugin

After successful activation, you’ll be automatically redirected to the Active Plugins page. Find the “Visual Link Preview” plugin and click on Settings. Then you do this page. Here you can see the custom styling options are off. Turn it on and you’ll see some options.

Here you can set

Preview box’s width, color,
Container radius, style, color and style
Image Positioning Scale
The color and size of the text.

Most of these are quite understandable, but there are some things to know about the size of the picture. You can set a custom size such as 150×150 px or you can select a size from the template “Learn more”. There are three sizes – thumbnail, medium and large.
Visual Link Preview Plugin in Gutenberg Editor

In WordPress, Gutenberg is a widely used editor. It is famous because it is very easy to use and has a huge customization facility. Here, we will see how we can make a preview holder in a post of Gutenberg editor.

You can add containers wherever you want. For tutorial purposes, I will use it in two paragraphs. Just add a block and search for the plugin in the search box.

You will see two options. You can either add a page or post, or you can’t add a link that points to your favorite content that you want to show here.

If you select the first option, you will not see anything from the drop-down menu, you will have to type manually and the suggestion will appear. Let’s add a post using the first option.

If you tap on the three-point menu marked in the image, you can change the link to the added post and decide whether you want to display the display image. As we all know, pictures are very helpful to attract the attention of the viewers, and it enhances the beauty of a subject. So, we would recommend not to remove the image. And, changing the link will remove the added link immediately, so you don’t have to select it by mistake.
Save reusable blocks

If you are a frequent publisher or website owner who posts regularly – you can save the preview link container as a reusable block. You only have to create it once, and you can use it as much as the Gutenberg editor needs later.
After you have finished creating the plugin template, click on the three-point button above, which you used to enter the alternate sidebar. Then, choose to add to reusable blocks. You can name the block, and it will be in your block directory for further use.

Visual Link Preview Plugin in Classic Editor

If you are a Classic Editor user, go to the page or post and select where you want to add the visual link. Place the cursor there and select the Visual Link Preview button from the options.

You will see a pop-up box and the rest of the procedure is almost the same

Like. You can select a post or page display or post directly by submitting a link. Both of them serve as Gutenberg versions.

On the other hand, if you select the external link, you have to paste the copied link in the box and the plugin will automatically show that post. Just click Insert, and the post of that external link will show up in your article.

Visual link preview template and box customization

There is a “Style section” at the bottom right of the Visual Preview plugin settings bar where you can choose between the settings template or the general template by default. I know it can be a bit confusing, because both are actually the same thing.

From the Style segment, please click the Change Template Styling link. A brand new page will open where you can design a custom template. Again, the customizations are light, descriptive and straightforward, so you can easily make changes here. Here’s what the template looks like after I play with some customizations:

Looks acceptable without color, right? I have changed to understand what you are able to do with this plugin You can change the padding, border size, image size, text size, heading size and much more. Also, you can move the image and add an image from the outside. Make your arrangements and click Save Changes and reload the posting page You will see the difference.

Spend some time finding your preferred settings. This will save a lot of time in the future.
How to get back to default style

Suppose you need to change a lot and you don’t want any of them right now. You prefer the default system over custom settings What to do All settings will be returned to normal default mode. Too easy, isn’t it?


Disadvantages of Visual Link Preview Plugin

The Visual Link Preview Plugin is an honest and straightforward plugin that does what it says it will do and it is very easy to learn to use. However, since it’s so basic, it needs some improvement.

There is no dropdown menu for internal posts. Not everyone can remember the name of the post or page. But you can add it with keywords. Still, it would be nice if there was a system to show all the posts.

Also, you will not see a live preview of the changes you are making in the Custom Styling section. It’s annoying to go back and forth between the post and the template settings page every time

Last and most important error, you can only create a custom template. Changes may be needed depending on the environment of the post, but you cannot choose from a variety of templates. Also you can’t install some preview boxes to use your custom template and others can use the plugin’s default – it’s one or the other.

He has good and bad in everything. The Visual Link Preview Plugin is no exception. No matter what editor you use, it’s definitely a great way to show other posts as a tip This will make your website more informative, quality and suitable for affiliate marketing.