How exactly to Add a Slide Out Contact Form in WordPress

Do you wish to add a slip out contact page in WordPress? In the event your business is determined by getting brand new leads from your own website’s contact form, then one the best way to grow your lead supply is always to make your contact form more noticeable. In this essay, we’ll show you how exactly to put in a fall out contact page in WordPress without annoying your users.

Incorporating a slip out contact page in WordPress

Why Put In A Slide Out Contact Page in WordPress?

Numerous small enterprises start their website hoping so it may help them develop their business.

That’s why you put in a contact page page, so users will get in touch with you.

However, the issue is that many users and also require concerns will leave your site without calling you.

That’s why you could observe that many popular web sites add contact form popups, slip connected types, or call to action buttons that open contact types.

These animated and interactive choices divert user’s attention to the contact form and permit them to quickly fill the form without visiting another page. These kinds dramatically increase your conversions that’s why you’re seeing them everywhere.

Let’s take a good look at just how to develop a slide out contact form in WordPress.

Including a Slide Out Contact Form in WordPress

Because of this tutorial, you will require WPForms. It is the best WordPress contact form plugin on the market.

You need to use the a free of charge form of WPForms contact form plugin if you don’t need all of the premium features.

You’ll also need OptinMonster. It is the strongest transformation optimization software. It can help you convert abandoning website visitors into customers. You’ll need their professional plan gives you access to the canvas function that people would be utilizing in this tutorial.

Step 1. making a contact page in WordPress

First you will need to install and activate the WPForms plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, you’ll want to see WPForms » Add brand new web page to produce your contact form. This can introduce the WPForms builder software.

Enter a title for your contact form after which select the ‘Select contact page’ template.

produce a brand new contact form

WPForms will load an easy contact page. You will observe the shape preview in right pane. You are able to click on any industry to modify it or include brand new industries from left column.

Form builder

Thoughts is broken completed modifying the form, go through the salvage key to save lots of your modifications.

Next, you will need to go through the embed key on the top getting your form’s embed rule.

This will mention a popup showing your form’s shortcode. Go ahead and copy this shortcode since you will be needing it next step.

Step2. Creating a Slide Out Optin in OptinMonster

Now we’ll create a the slide out campaign that will display the contact form you created in the 1st action.

First, you need to install and stimulate the OptinMonster plugin. To get more details, see our thorough guide on how to install a WordPress plugin.

This plugin will act as a connector betwixt your website and your OptinMonster account.

Upon activation, go through the OptinMonster menu within WordPress admin club and enter your API key. You can get these details from your account on the OptinMonster web site.

OptinMonster API key

After entering your license key, click on the ‘Create brand new optin’ key on top right part of the display.

brand new optin

This will take one to the OptinMonster internet site.

OptinMonster provides several types of dynamic campaigns. With this tutorial, I will be utilising the ‘Slide in’ campaign. Go ahead and click to choose ‘Slide in’ as your campaign kind.

fall in optin

Next, you’ll want to choose the template. OptinMonster offers several ready-made templates, but we have to select ‘Canvas’ because of this guide.

Optin template

When you choose template, you’ll be asked to offer a name for your campaign. This may help you effortlessly find the campaign inside OptinMonster dashboard.

Now OptinMonster will load its campaign builder interface.

OptinMonster builder

You’ll see a real time preview of one’s campaign on the right. Since we have been utilising the canvas template, it will be completely blank at the moment.

On the remaining hand, you’ll notice different tabs. Underneath the ‘General Optin Settings’ section, you’ll want to enter your website’s URL underneath the ‘Optin campaign website’ choice.

Next, you will need to switch to the ‘Optin’ tab. Right here it is possible to pick colors, height, and width for your optin.

Design your slide out kind

Go right ahead and find the colors you prefer and adjust the width and height, so that it can well show your complete type.

From then on, you will need to scroll down seriously to the ‘Canvas customized HTML’ section and enter the WPForms shortcode you copied early in the day.

include shortcode to custom HTML

Entering the shortcode wont show your type inside the slide-in campaign immediately. That’s as the shortcode only works by yourself WordPress site.

Now you can click the ‘Save’ button towards the top to keep your settings after which go through the ‘Publish’ switch.

Save and publish your optin

Regarding next display, you’ll want to change the optin status to posted. This will make the optin available to your WordPress website.

Publish status

Action 3. Showing Slide Out Contact Page in WordPress

Since you have got developed the contact page and slip out campaign, you might be ready to show it on your own web site.

Go on and see OptinMonster page in your WordPress admin area. You will see your recently created slip out campaign listed here.

Edit optin production settings

You need to click on the ‘Edit production settings’ url to determine how you would desire to display in your internet site.

Regarding next display, make certain you check out the box close to ‘Enable optin on site?’ option. OptinMonster allows you to choose who can start to see the optin. You can even pick specific part of your site to display the optin.

Enable optin in your website

Don’t forget to click the salvage settings switch to keep your modifications.

Now you can go to your website to understand fall out contact page in action. Make sure that you use icognito mode inside browser or log out of WordPress, to see precisely what your users will dsicover.

Slide out contact page preview

Automagically, the fall out campaign will be 5 moments following the page is totally loaded. However, OptinMonster enables you to change that also.

You are able to produce countless guidelines to show the campaign whenever certain conditions are matched.

Like, you’ll show the slip out form each time a individual has scrolled 50% of page, each time a individual is approximately to go out of a typical page, and many more.

show guidelines

Hopefully this short article helped you learn to include fall out contact page in WordPress. It’s also possible to desire to see our range of actionable suggestions to drive traffic to your WordPress website.

In the event that you liked this article, then please sign up for our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

How to Create a Facebook Like Box Popup in WordPress

Do you want to promote your Facebook page in WordPress with a popup? Lightbox popups work really well to convert visitors into subscribers, and they work even better when promoting your Facebook page. In this article, we will show you how to effectively promote your Facebook page in WordPress with a lightbox popup without annoying your users.

Promoting your Facebook page with lightbox popup in WordPress

Why Use a Facebook Page Popup in WordPress?

Lightbox popups are frequently used for email list building and lead generation. They convert really well and that’s why you see them everywhere.

However, they are not just limited to email list building. You can displaying photos in a lightbox popup, offer content upgrades, display a contact form popup, and more.

While you can easily add the Facebook like box in your sidebar, it is less noticeable thus does not get you good results.

On the other hand, a lightbox popup is more noticeable and requires users to take action. This helps you quickly get more likes for your Facebook page.

That being said, let’s see how to add a lightbox popup to promote your Facebook page in WordPress.

Creating Lightbox Popup For Your Facebook Page in WordPress

For this tutorial, we’ll be using OptinMonster. It is the best lead generation software in the market because it helps you convert abandoning website visitors into subscribers and followers.

First thing you need to do is signup for an OptinMonster account. You’ll need at least the pro plan to use their canvas feature.

Next, you need to install and activate the OptinMonster plugin. For more details, see our step by step guide on how to install a WordPress plugin.

It is a connector plugin that helps connect your WordPress site to your OptinMonster account.

Upon activation, you need to click on the OptinMonster menu in your WordPress admin bar to enter your license key.

Add your OptinMonster API Key

You can find this information from your account dashboard on the OptinMonster website.

After entering your license key, you need to click on the ‘Create New Optin’ button at the top.

Create new optin

This will take you to the create new campaign page on OptinMonster website.

Now you need to select Lighbox as your campaign type and Canvas as your campaign template.

Create new campaign

OptinMonster will now you to enter a name for your campaign. This name will help you identify your campaign in your OptinMonster dashboard.

After that, OptinMonster will launch its campaign builder interface. You will see a live preview of your blank canvas template on the right and OM options on the left.

OptinMonster builder

First you need to add the website where you will be running this campaign.

After that, click on the ‘Optin’ tab to start designing your Facebook lightbox popup.

Design your Facebook lightbox popup

At this point, you will need the embed code for your Facebook page. You can get that by visiting the Facebook Page Plugin website in a new browser tab.

You will need to enter the URL of your Facebook page and adjust the width, height, and other display options for your like box. We recommend using 600px width and 350px height.

After that, click on the Get Code button.

This will bring up a popup where you need to click on the iFrame tab and copy the code.

iFrame code

Now switch back to the OptinMonster builder and paste the code under ‘Canvas custom HTML’ box.

Paste your Facebook page like box code

You’ll be able to immediately see the preview of your Facebook like box.

Next, click on the Save button at the top to store your changes and then click on the publish button to continue.

Save optin and continue

This will take you to the publish settings page for your optin. Toggle Status button to live to make this optin available for your website.

Enable optin for your website

Your Facebook lightbox popup is now ready to be displayed on your WordPress site.

Display Facebook Page Lightbox Popup in WordPress

Switch back to the WordPress admin area of your website and click on the OptinMonster tab. You will now see your newly created optin listed there. If you don’t see it, then click on the ‘Refresh Optins’ button.

Edit output settings

Click on the ‘Edit output settings’ link below your optin to continue.

On the next screen, make sure that the box next to ‘Enable optin on site?’ option is checked.

Enable lightbox popup on your WordPress site

Don’t forget to click on the save settings button.

OptinMonster also allows you to selectively display popup on different pages, posts, categories, or tags. You can also show or hide it from logged in users.

Once you are done, you can visit your website to see your Facebook Page displayed in a lightbox popup.

Facebook page shown in Lightbox popup

We hope this article helped you learn how to promote your Facebook page in WordPress with a lightbox popup. You may also want to see our list of WordPress plugins that will quickly help you get more traffic.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

How to Create a Video Portfolio in WordPress

Do you want to create a video portfolio in WordPress? By default, you can easily embed a videos in WordPress, but you cannot display multiple videos in a portfolio style layout. In this article, we will show you how to easily create a video portfolio in WordPress without slowing down your website or writing code.

Creating a video portfolio in WordPress

Getting Started with Your Video Portfolio

The first thing you need to do is start a WordPress blog or a website. If you already have a website, then you can move to the next step.

WordPress allows you to easily embed videos in your blog posts and pages. However, it does not allow you to easily create a beautiful video portfolio out of the box.

For your video portfolio, you’ll want to display your videos in a nice grid based layout, so that more videos can be viewed without a lot of scrolling. You also need to make sure that it works on mobile devices and offers good user experience.

While you can upload a video to your WordPress site, we recommend using a third-party service like YouTube or Vimeo because videos are resource intensive, and they can slow down your site. See our article on why you should never upload videos to WordPress.

That being said, now let’s see how to easily create a video portfolio in WordPress. The goal is to create a portfolio section that not only looks great, but also works on all devices and screen sizes without any issues.

Creating a Video Portfolio in WordPress

First thing you need to do is install and activate the Envira Gallery plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Envira Gallery is a paid WordPress photo gallery plugin, and you’ll need at least Pro plan to access videos addon.

WPBeginner users can use this Envira Gallery coupon to get 25% off.

Upon activation, you need to visit Envira Gallery » Settings page to add your license key. You can find this information from your account on Envira Gallery website.

Enter your Envira Gallery license key

Next, you need to head over to Envira Gallery » Addons page. You’ll see all the addons available for you to install. Look for the Videos addon and install it.

Install videos addon

Envira Gallery will now fetch and install the videos addon. After that, you need to click ‘Activate’ to start using it on your website.

Activate video addon

Now you are ready to create your first video portfolio gallery.

Head on over to the Envira Gallery » Add New page to create your first gallery. First, you need to provide a title for your gallery.

New Gallery

Envira Gallery can create a gallery of your self-hosted videos as well as videos hosted on platforms like YouTube, Wistia, and Vimeo. We recommend using third-party video hosting services like YouTube or Vimeo to avoid performance issues with your WordPress hosting provider.

After uploading your videos to YouTube or Vimeo, you need to click on ‘Select files from other sources’ button.

This will bring up the Insert Media popup where you need to click on the ‘Insert videos’ link in the left column.

Add videos to your gallery

You need to click on the Add Video button and enter the title of your video as well as paste the video URL.

You can also add more videos by clicking on the Add Video button again and repeat the process until you have added all the videos you wanted to show in your portfolio.

Once finished, click on the ‘Insert into Gallery’ button to continue.

Envira Will now show thumbnails it fetched from your videos in the Images section.

Video thumbnails

You can edit, hide, or add more items to the gallery at anytime.

Now let’s configure the video gallery a bit.

You need to click on the ‘Config’ tab and under ‘Number of Gallery Columns’ options select two or three column layout. This ensures that your video thumbnails appear nicely with adequate space between each video.

Select number of columns

Next, switch to the ‘Videos’ tab and check the box next to ‘Display play icon over gallery image’ option.

Show play button over videos

Now you can click on the publish button to make your video portfolio gallery available to WordPress.

Displaying Your Video Portfolio Gallery in WordPress

Envira Gallery makes it easy for you to add video or photo galleries anywhere on your WordPress site.

You can add it in posts, pages, as well as widget areas. For the sake of this example, we’ll go ahead and add it on a new page.

Go ahead and create a new page in WordPress and give it an appropriate title, for example: Portfolio.

On the page edit screen, you need to click on the Add Gallery button.

Add your video portfolio gallery

This will bring up a popup where you’ll see your video portfolio gallery. Click to select it and then click on the Insert button.

Insert your video gallery

Envira Gallery shortcode will now appear in your post editor.

You can now update or publish your page and visit the page to see your portfolio gallery in action.

Video portfolio preview

Clicking on each video will open it in a lightbox popup. Your users will be able to view the video without leaving your website. They will also be able to browse other videos by clicking on the thumbnails below the player.

Video lightbox popup

We hope this article helped you learn how to create video portfolio in WordPress. You may also want to see our beginners guide on how to boost WordPress speed and performance.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

How to Control Your RSS Feeds Footer in WordPress

Do you want to customize the RSS feed footer in WordPress? This allows you to add custom text, links, or even advertisements below your post content in the RSS feed. In this article, we will show you how to easily control your RSS feed footer in WordPress, and how to add custom feed only content to your posts.

Control RSS feed footer in WordPress

Why Add Content to RSS Feed Footer in WordPress?

RSS feeds offer an easier way for users to read your blog posts in their favorite feed reader apps such as Feedly.

However, RSS feeds can also be used by content scrapers to automatically steal your blog posts as soon as they are published. Sometimes these content scrapers end up ranking higher than your original post in search engines. To learn more, see our guide on how to prevent blog content scraping in WordPress.

Adding additional content to your RSS feed footer allows you to add backlinks to your main site and the original post at the end of each article. This allows you to rank higher for your posts even if they are copied by content scrapers.

By manipulating your RSS feed footer, you can also encourage readers to visit your website from time to time.

Having said that, let’s take a look at how to easily control your RSS feed footer in WordPress.

Method 1. Add Content to RSS Feed Footer Using Yoast SEO

This method is easier and recommended for all users. It uses the Yoast SEO plugin, which is the most popular WordPress SEO plugin.

First you need to install and activate the Yoast SEO plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, you need to visit SEO » Dashboard page and click on the ‘Features’ tab. Next, scroll down to the ‘Advanced settings pages’ section and make sure this option is ‘Enabled’.

Enable advanced settings pages in Yoast SEO

Don’t forget to save your changes to reload the plugin. After that, you will be able to see more options under the SEO menu.

Next, you need to visit SEO » Advanced page and click on the RSS tab.

Add content you want to show in RSS feed footer

Under the RSS feed settings, the first box allows you to add content before each post. The second box allows you to add content to the post footer.

Yoast SEO automatically adds credit text with backlink to your website in the RSS feed footer. You can either use the text as-is, or you can add your own content.

Don’t forget to click on the ‘Save changes’ button to store your settings.

You can now view your RSS feed to see the changes. At the end of each article, you will be able to see content you added to your RSS feed footer.

Footer text in WordPress RSS feed

Method 2: Manually Add Content to RSS Feed Footer in WordPress

This method requires you to add code to your WordPress files. If you haven’t done this before, then check out our guide on how to copy and paste code in WordPress.

You’ll need to copy and paste the following code in your theme’s functions.php file or a site-specific plugin.

function wpb_feed_filter($query) {
if ($query->is_feed) {
add_filter('the_content','wpb_feed_content_filter');
add_filter('the_excerpt_rss','wpb_feed_content_filter');
}
return $query;
}
add_filter('pre_get_posts','wpb_feed_filter'); function wpb_feed_content_filter($content) {
// Content you want to show goes here $content .= '<p>Thanks for reading, check out <a href="'. get_bloginfo('url') .'">'. get_bloginfo('name') .'</a> for more awesome stuff.</p>';
return $content;
}

This code simply checks if the page requested is an RSS feed, and then filters the content to display your message in the RSS feed footer.

We hope this article helped you learn how to control RSS feed footer in WordPress. You may also want to see these helpful tips to optimize your WordPress RSS feed and get more traffic.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.