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

Beautiful Landing Page with Counter up animation effect using HTML CSS JavaScript [Video]

9+ Complete Front-end Responsive Website Design Get here - https://www.udemy.com/course/the-ultimate-frontend-web-development-8-courses-included/?couponCode=BE-CREATIVE-DESIGNER ------------------------- Enroll this complete course - https://www.udemy.com/course/responsive-frontend-web-development-in-html-css-javascript/?couponCode=LATEST-TRENDS -------------------- Join this channel to get Source code everyday : https://www.youtube.com/channel/UC8xTHK97Ng__KZvGcO_K7CA/join ----------------------

Categories
Website Design

Play the game! https://designcourse.com/app/course/ueye Join DesignCourse Pre-Launch Now: https://designcourse.com Give me an upvote/comment: https://www.producthunt.com/posts/ueye Today, I figured I would walk through all of the UI design challenges in my new free game "uEye" -- It's quite tricky, and I thought it would be helpful for all of you to see me play the game to help explain what's happening. But first, play the game before watching the video! Yesterday, I started the pre-launch of https://designcourse.com - You can join for 10% off during the pre-launch week, which will end on September 21st. 0:00 - Introduction 0:35 - ProductHunt Launch (HELP!) 0:58 - Join the DesignCourse Pre-Launch 1:32 - Playing the Game 11:50 - Closing Let's get started! #ueye #uiux #game - - - - - - - - - - - - - - - - - - - - - - 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!