801-637-0818 [email protected]

The best way to Create a Pop-up Demo Video on Click on with Divi’s Cyber Monday Instrument Free up Structure

Everything Else

It’s In the end Right here!

Cyber Monday

Did you pass over our Black Friday sale over the weekend? Do not fret! Our largest bargain of all time is being prolonged for a restricted time for Cyber Monday. That is the most important bargain we have now ever presented, and it is only one thing we provide right through our Black Friday and Cyber Monday gross sales. As soon as the sale is over, this bargain would possibly not be to be had till subsequent 12 months. That is a very long time to attend!

Get The Deal Before It’s Gone!

Probably the most unique touchdown pages we’re supplying you with as Lifetime Contributors and new Cyber Monday shoppers this 12 months is the lovely Instrument Free up Touchdown Web page. This format has shocking illustrations in it and a singular use of phase dividers that’ll amaze your guests.

Already a Lifetime Member? You’ll download the pack right now, no wish to partake in our Cyber Monday sale!

software release landing page

Get the Unique Cyber Monday Instrument Free up Touchdown Web page

Sooner than coming into this use case, it is important to lay your palms at the unique Cyber Monday Instrument Free up Touchdown Web page which you’ll be able to get by way of changing into a brand new Chic Subject matters Member, upgrading your current account, or by way of already being a Lifetime Member with us. If you’re certainly already a Lifetime Member you’ll be able to log in to our individuals space and download all of our exclusive landing pages here. Everybody else will wish to use the button underneath to shop for or improve ahead of they are able to observe at the side of the remainder of our educational.

Claim the Deal Before It Disappears!

Already a Lifetime Member? You’ll download the pack right now, no wish to partake in our Cyber Monday sale!

The best way to Create a Pop-up Demo Video on Click on with Divi’s Cyber Monday Instrument Free up Structure

For the rest of this submit, we’ll suppose you’ve both taken good thing about our Cyber Monday deal or that you’re already a Lifetime Member and feature get admission to to the Cyber Monday Instrument Free up Touchdown Web page

When you’ve downloaded the brand new Instrument Free up Touchdown Web page from our individuals space you’ll be able to watch the video underneath to peer simply how simple it’s to arrange. We’d additionally encourage you to follow along with this tutorial to get your web page in a position for additional customization.

On this use case submit, we’re going to turn you learn how to create a pop-up video demo on click on the usage of Divi and the Video PopUp plugin. The video that looks on click on will glance nice on each desktop and smaller display screen sizes. It is a nice method when you don’t wish to come with a video without delay in your web page however would fairly create an interplay with guests.

Preview

Sooner than we dive into the academic, let’s check out the result on other display screen sizes.

Desktop

software release

Cell

software release

Let’s Get Began!

Use the Loose Video PopUp Plugin

Set up & Turn on Plugin

The very first thing it is important to do is obtain the unfastened Video PopUp plugin. You’ll in finding this plugin by way of going on your WordPress site > Plugins > Upload New > Looking for ‘Video PopUp’. When you in finding this plugin, cross forward and set up it. When you do, be sure you turn on the plugin as smartly.

software release

Plugin Settings

Proceed by way of going to the Common Settings of this plugin and enabling the 2 choices on the best.

software release

Upload New Web page The use of Instrument Free up Touchdown Web page

Upload New Web page & Permit Visible Builder

Time to begin placing issues into apply! Upload a brand new web page, give your web page a name and permit the Visible Builder straight away.

software release

Add Instrument Free up Structure from Stored Layouts

Navigate to ‘Your Stored Layouts’ and add the Instrument Free up Touchdown Web page on your web page. In the event you’re now not positive how to do this, be sure you take a look at the video within the earlier a part of this submit that may information you there step-by-step.

software release

Upload Textual content Module Under Play Button Blurb Module

As you’ll be able to understand, there’s already a play button at the web page that’ll assist us get the outcome we would like. However to make it paintings, we wish to recreate the design within the Blurb Module the usage of a Textual content Module. Upload a brand new Textual content Module proper underneath the Blurb Module.

software release

Upload Symbol to Content material Field

When you’ve added the Textual content Module, cross forward and upload the play button symbol to the content material field of your Textual content Module by way of clicking on ‘Upload Media’ and settling on the play button to your Media Library.

software release

software release

Upload Reproduction to Content material Field

Proceed by way of including some replica proper underneath the picture as smartly.

software release

Textual content Settings

To make the module fit the format, we’re going to permit heart Textual content Orientation within the textual content settings of the module.

software release

Default Hyperlink Textual content Settings

And we’ll additionally regulate the hyperlink textual content settings accordingly:

  • Hyperlink Font: Cabin
  • Hyperlink Font Weight: Daring
  • Hyperlink Textual content Colour: rgba(162,176,193,0.7)
  • Hyperlink Textual content Dimension: 17px
  • Hyperlink Line Peak: 1.6em

software release

Hover Hyperlink Textual content Settings

Trade the Hyperlink Textual content Colour on hover.

  • Hyperlink Textual content Colour: #a2b0c1

software release

Spacing

Finally, upload some adverse best margin to the Textual content Module as smartly.

  • Best Marign: -20vw

software release

Upload Pop-up Play to Textual content Module Content material

Transfer Over to Textual content Editor

To create the pop-up on click on, we’ll wish to upload a customized hyperlink to the content material of the Textual content Module. Return to the content material field of the Textual content Module and make a choice the Textual content Editor mode.

software release

Upload Hyperlink to All Content material

Hyperlink your content material field to the pop-up by way of including a hyperlink to each the picture and duplicate. Make sure to substitute the hyperlink url with your individual.

software release

Take away Play Button Blurb Module

Now that we’ve created a Textual content Module that appears precisely the similar because the Blurb Module, we’re ready to delete the Blurb Module that used to be there ahead of and that’s it! You’ll follow this solution to any roughly format you’re the usage of however it indubitably is a brilliant added worth to the Instrument Free up Touchdown Web page.

 

software release

Ultimate Ideas

This use case is a part of our Cyber Monday Deal the place we percentage 6 FREE restricted version format packs with Cyber Monday shoppers and lifelong individuals. By means of becoming a member of our empowered neighborhood right through in this day and age and changing into a member, you’ll get:

  • 25% OFF EVERYTHING
  • The entire 6 touchdown pages totally free
  • Get right of entry to to our superior topics and plugins
  • Bonus Prizes

Clutch the chance and turn out to be a member lately!

It’s In the end Right here!

Cyber Monday

Cyber Monday simplest comes annually, and when it does, we care to do one thing truly particular. This 12 months’s Cyber Monday sale begins on Friday, November twenty third at precisely 12:00 AM UTC-6, and also you indubitably don’t wish to pass over it! There can be 1000’s of unfastened prizes, unfastened bonus presents and our largest bargain ever.

Get The Deal Before It’s Gone!
jQuery(record).in a position(serve as(){jQuery(“#DIV_TO_PLACE_COUNTDOWN2″).jCountdown({timeText:”2018/12/22 00:00:00″,timeZone:-6,taste:”slide”,colour:”black”,width:0,textGroupSpace:15,textSpace:0,mirrored image:!0,reflectionOpacity:10,reflectionBlur:0,dayTextNumber:1,displayDay:!0,displayHour:!0,displayMinute:!0,displaySecond:!0,displayLabel:!0})})
jQuery(record).in a position(serve as(){jQuery(“#DIV_TO_PLACE_COUNTDOWN”).jCountdown({timeText:”2018/12/22 00:00:00″,timeZone:-6,taste:”slide”,colour:”black”,width:0,textGroupSpace:15,textSpace:0,mirrored image:!0,reflectionOpacity:10,reflectionBlur:0,dayTextNumber:1,displayDay:!0,displayHour:!0,displayMinute:!0,displaySecond:!0,displayLabel:!0})})

The submit How to Create a Pop-up Demo Video on Click with Divi’s Cyber Monday Software Release Layout seemed first on Elegant Themes Blog.

WordPress Web Design

[ continue ]

Submit a Comment