Categories
Website Design

How To Create A Landing Page In WordPress [Video]

How To Create A Landing Page In WordPress

๐—ฆ๐˜๐—ฎ๐—ฟ๐˜ ๐—ต๐—ฒ๐—ฟ๐—ฒ โžœ https://websitelearners.com/video/make-a-landing-page/#start

๐—–๐—ฟ๐—ฒ๐—ฎ๐˜๐—ฒ ๐—ฌ๐—ผ๐˜‚๐—ฟ ๐—”๐—ฐ๐—ฐ๐—ผ๐˜‚๐—ป๐˜ ๐—œ๐—ป ๐— ๐—ฎ๐—ถ๐—น๐—ฃ๐—ผ๐—ฒ๐˜ โžœ https://wl.tools/mailpoet

๐—–๐—ต๐—ฒ๐—ฐ๐—ธ๐—ผ๐˜‚๐˜ ๐—ผ๐˜‚๐—ฟ ๐—ฃ๐—ฟ๐—ฒ๐—บ๐—ถ๐˜‚๐—บ ๐—ช๐—ผ๐—ฟ๐—ฑ๐—ฃ๐—ฟ๐—ฒ๐˜€๐˜€ ๐—–๐—ผ๐˜‚๐—ฟ๐˜€๐—ฒ๐˜€ โžœ https://websitelearners.com/wordpress-course

๐—š๐—ฒ๐˜ ๐˜๐—ต๐—ฒ ๐—™๐—ฎ๐˜€๐˜๐—ฒ๐˜€๐˜ ๐—ช๐—ผ๐—ฟ๐—ฑ๐—ฃ๐—ฟ๐—ฒ๐˜€๐˜€ ๐—›๐—ผ๐˜€๐˜๐—ถ๐—ป๐—ด โžœ https://webspacekit.com

๐—›๐—ผ๐˜„ ๐˜๐—ผ ๐— ๐—ฎ๐—ธ๐—ฒ ๐— ๐—ผ๐—ป๐—ฒ๐˜† ๐˜„๐—ถ๐˜๐—ต ๐˜†๐—ผ๐˜‚๐—ฟ ๐˜„๐—ฒ๐—ฏ๐˜€๐—ถ๐˜๐—ฒ โžœ https://websitelearners.com/ebook/top-5-ways-to-monetize-your-website/

๐—ฉ๐—ผ๐˜๐—ฒ ๐—ณ๐—ผ๐—ฟ ๐—ผ๐˜‚๐—ฟ ๐—ป๐—ฒ๐˜…๐˜ ๐˜ƒ๐—ถ๐—ฑ๐—ฒ๐—ผโžœ https://topics.websitelearners.com/websitelearners

๐—ฃ๐—ผ๐˜€๐˜ ๐—œ๐˜€๐˜€๐˜‚๐—ฒ๐˜€ ๐—›๐—ฒ๐—ฟ๐—ฒ โžœ

Learn how you can create a landing page.

Let’s say you have a product or service to offer and want to create a webpage to promote it.

You can do this easily by following our simple steps.

So letโ€™s get started.

Table of contents :

0:00 Intro
1:24 Launch Your Website
4:56 Create Your Landing Page
17:58 How To Get Details of Your Users
23:06 Create An Email Signup Form
25:30 Add The Signup Form On Your Landing Page
28:31 How To Send Emails to Your Subscribers

===== Part 1 : Launch Your Website =====

In order to create a landing page, you need to have a website.

So to create a website,

Step 1 : Choose Your Website Name

To choose a name which is your domain name, go to โžœ https://websitelearners.com/video/make-a-landing-page/#start

Now enter the name you want and click โ€˜Check Availabilityโ€™.

Step 2 : Get Your Hosting & Domain

Now click the โ€˜Get Hosting & Domainโ€™ button.

And it will take you to โ€œWebSpaceKit.comโ€.

your domain will be available here.

So click โ€˜Add to Cartโ€™ & โ€˜Continueโ€™.

Now choose a plan and fill up the details and make the purchase.

Now youโ€™ve successfully got your domain & hosting and launched your website.

===== Part 2 : Create Your Landing Page =====

To create your landing page, you need to login to your WordPress site.
Once youโ€™re logged in,

Step 1 : Install โ€˜Hello Elementorโ€™ Theme

To install the theme, go to Dashboard โ–บ Appearance โ–บ Themes โ–บ Add New

Now search for โ€˜Hello Elementorโ€™ and click โ€˜Install & Activateโ€™.

Step 2 : Install โ€˜Elementorโ€™ Plugin

To install the plugin, go to Plugins โ–บ Add New

Now search for โ€˜Elementorโ€™ and click โ€˜Install & Activateโ€™.

Step 3 : Choose a Design

To choose a design, you need to create a page.

So go to Pages โ–บ Add New

Now give a name to your page and click โ€˜Edit with Elementorโ€™.

Now to import a Pre-made design, click on the โ€˜Folderโ€™ icon and search for โ€˜Landing Pageโ€™.

Now you will get different types of designs and you can choose the design you like.

Now click โ€˜Insertโ€™ and your design will be imported.

Step 4 : Add Your Content

You can edit any content on the page like changing the text, image, logo, add a video etc.

Once youโ€™re done with the changes, click โ€˜Updateโ€™.

You can also customize your site for mobile view by changing the responsive mode to mobile in elementor.

So now youโ€™ve successfully created your landing page.

===== Part 3 : How To Get Details of Your Users =====

To get the details, you need to create an email signup form.

Step 1 : Create an Account in MailPoet.com

To create an account, click this link โžœ https://wl.tools/mailpoet

Now fill up the details and click โ€˜Continueโ€™.

And click โ€˜Add Planโ€™

Once youโ€™ve setup your plan,

MailPoet will check your account and approve it.

Step 2 : Connect MailPoet Account To Your WordPress Site

To connect your account, you need to install the โ€˜MailPoetโ€™ plugin.
So to install,

Go to WordPress Dashboard โ–บ MailPoet โ–บ Settings โ–บ Key Activation
Now you need to add a key.

You can get the key from your MailPoet account under โ€˜My Subscriptionsโ€™.

So now your website is connected with MailPoet successfully.

Step 3 : Create An Email Signup Form

To create the form, go to Dashboard โ–บ MailPoet โ–บ Forms โ–บ New Form
And now you can see different designs for your email form.

Now choose a design you like and click โ€˜Selectโ€™.

Now you can edit the form by adding the fields you want, changing the text etc.

Next you need to select where you want to save your subscriber details.
Once youโ€™re done with the changes, click โ€˜Saveโ€™ and your signup form will be created.

Step 4 : Add The Signup Form On Your Landing Page
To add the form, get the shortcode from the form by going to โ€˜Form Placementโ€™.

Now open your landing page with elementor.

Now search for โ€˜Shortcodeโ€™ Widget and add it.

And paste the shortcode of the form & click โ€˜Applyโ€™.

So now youโ€™ve successfully added the form to your landing page.

Now if someone had subscribed to your page,

You can check their detail here โžœ WordPress Dashboard โ–บ MailPoet โ–บ Subscribers

Now if you want to send an email to your subscribers,

Go to WordPress Dashboard โ–บ MailPoet โ–บ Emails โ–บ New Mail
You can send a Newsletter, Welcome Email etc.

You can also choose the email design and customize it.
So that’s it guys.
This is how you can create a landing page.
———————————————————————————————————————
Want your website developed by us? Email us your requirements to contact@websitelearners.com

Watch/Read More
Categories
Website Design

#webdesign NAV tips to increase site conversions [Video]

#webdesign NAV tips to increase site conversions While there are exceptions (especially on larger sites with more links) it is always a good idea to simplify your sites and decrease overwhelm by placing less links in the navigation of your website. This will help you out more focus on your main CTA and get site visitors to focus on one specific action.

Categories
Website Design

Read more button with Modal using HTML CSS JS Only [Video]

Enroll this amazing course today ▼▼▼▼ Get 11+ Courses in bundled now - https://adilahmed.online/learn-webdesign ---------------------------------------------------------- For source code do checkout our website - https://adilahamed.online/source_code -------------------------- Install our app for website design learning - https://play.google.com/store/apps/details?id=co.paige.laifl --------------------- Our Fb Page - https://www.facebook.com/profile.php?id=100090122401548 Join our patreon - https://www.patreon.com/onlinewebustaad

Categories
Website Design

Create a Sick Horizontal Scroll Animation | GreenSock [Video]

http://bit.ly/3YorIIa 👈 Learn UI/UX & CSS Today. Use "UI2023" for 23% Off! https://designcourse.com/af 👈 My upcoming "Advanced Frontends" Course -- Today, I'm going to show you how to create a sleek horizontal scrolling animation with the help of JavaScript and GSAP. Integrate this on your next project and you'll impress your parents, I guarantee it! :| Thanks to CassieCodes from Greensock for helping me figure some of this stuff out! https://twitter.com/cassiecodes Codepen demo: https://codepen.io/designcourse/pen/gOjZKOO 0:00 - Intro 0:50 - HTML and CSS Overview 3:59 - JavaScript & GSAP 12:16 - Final result Let's get started! #javascript #frontend #uiux - - - - - - - - - - - - - - - - - - - - - - Subscribe for NEW VIDEOS! Learn UI/UX: https://designcourse.com My personal FB account: http://fb.com/logodesigner Coursetro FB: http://fb.com/coursetro Coursetro's Twitter: http://twitter.com/designcoursecom Join my Discord! https://discord.gg/a27CKAF ^-Chat with me and others - - - - - - - - - - - - - - - - - - - - - - Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. Now, I focus all of my time and energy on this channel and my website Designcourse.com. Come to my discord server or add me on social media and say Hi!