Categories
Website Design

How To Create A Website Using Elementor [Video]

How To Create A Website Using Elementor

Start here ➜ https://websitelearners.com/video/create-a-website-using-elementor/

Get Your Theme & Plugin ➜ https://websitelearners.com/elementor-themes/

Get Elementor Pro Plugin ➜ https://wl.tools/website_elementor

Get our NEW Course ➜ https://link.websitelearners.com/WordPress-Course

How to Make Money with your website ➜ Coming soon!

Suggest / vote for the next video ➜ https://topics.websitelearners.com/websitelearners

Learn how you can create a website using elementor.

You can make any kind of website like Blog, Ecommerce, Business, Entertainment etc.

So let’s get started.

Table of contents :

00:00 Intro

00:35 Choose Your Website Name

01:08 Get Your Hosting & Domain Name

03:48 Install WordPress

05:00 Attach the domain

06:13 Login to your WordPress site

07:05 Get a Theme

08:15 Install the theme on your website

09:29 Install Elementor plugin

10:54 Start Building Your Site

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

Step 1 : Choose Your Website Name

To choose the name, click this link ➜ https://websitelearners.com/video/create-a-website-using-elementor/

Now enter the name you want & click ‘Check Availability’.

If it is available, you can go to the next step.

Step 2 : Get Your Hosting & Domain Name

Hosting is the place where your portfolio site’s files will be stored and
Domain Name is your website’s address.

So to get your hosting & domain name which you’ve selected,

Click ‘Get Hosting’ and it will take you to a website called ‘GoDaddy’.

This is the place, where you’re going to get your hosting & domain.

Now click ‘Get Started’ & choose a plan based on your requirements.

Now fill the required details and make the payment.

So now you’ve got your hosting & domain.

Now in order to use your domain, you need to verify your email address.

Once you’ve verified your email address, you can go to the next step.

Step 3 : Install WordPress

To install WordPress, first you need to create your login details for WordPress.

Once you’ve created login details, click ‘Continue’ to login.

Next choose the nearest server & click ‘continue’.

And now WordPress will be installed.

Step 4 : Attach the domain

To attach your domain,

Go to the godaddy dashboard and click ‘Setup’ right next to the custom
domain and then click ‘Attach’ to connect your domain.

So now you’ve successfully launched your website.

===== Part 2 : Setup Elementor on Your Website =====

Step 1 : Login to your WordPress site

To login to your site,

Just type ‘/login’ after your site address

Now enter the login details which you’ve given for WordPress.

Now click ‘Login’ and you will be redirected to your WordPress dashboard.

Step 2 : Get a Theme

To get a theme which is compatible with Elementor,

Click this link ➜ https://websitelearners.com/elementor-themes/

Now select a theme you like & click ‘Get Astra’.

And your theme will be downloaded to your computer.

Step 3 : Install the theme on your website

To install the theme,

Go to WordPress Dashboard ► Appearance ► Themes ► Add New ► Upload

Now just drag and drop the downloaded file & click ‘Install’ & ‘Activate’.

And now you’ve installed the theme.

Step 4 : Install Elementor plugin

To install Elementor plugin, Click this link ➜

Now find the Elementor plugin and click ‘Get Elementor’.

And the elementor plugin will be downloaded to your computer.

Now go to WordPress Dashboard ► Plugins ► Add New ► Upload

Now just drag and drop the downloaded file & click ‘Install’ & ‘Activate’.

So now you’ve successfully completed setting up Elementor on your site.

===== Part 3 : Start Building Your Site =====

To build your site, start by creating a homepage.

To edit any page of your site, just click ‘Edit with Elementor’.

Now you can edit any content on that page like changing the text, image or adding your own content.

Once you’re done with the changes, click ‘Update’ to save it.

Now if you want to change the logo or menu section, click the ‘Customize’ option.

Now if you want to create a new page,

Go to WordPress Dashboard ► Pages ► Add New

You can create your page using elements like text, image, video etc just by drag & drop.

Also you can use a wide variety of blocks by importing it.

And you can also import Page templates and start customizing.

So this is how you can add a new page to your website.

Now if you visit your website in mobile, you can see it is automatically optimised for mobile view.

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

So that’s it, guys,

This is how you can create a website using elementor.

——————————
📢 The Tools we use:

Get the best tools for your website ➜ https://websitelearners.com/tools/

Video Gear We Use ➜ https://kit.co/websitelearners/video-gear-we-use/

Our Video Editing Tool ➜ https://bit.ly/2Od546p

Watch/Read More
Categories
Website Design

Create a payment link from the Stripe Dashboard [Video]

Learn how to create, customize, and share a Stripe Payment Link from the Stripe Dashboard. Create a full payment page, with promotion codes, customer-selectable quantity, custom shipping options, and a custom confirmation page. It takes just a few clicks and you can share the link with your customers — a no code option for users wanting to get started quickly.### PresenterCJ Avilla - Developer Advocate at Stripe - https://twitter.com/cjav_dev ### Table of contents00:00 Introduction00:11 Create a payment link from the Stripe Dashboard00:45 Custom shipping locations00:54 Customize your confirmation page01:42 Check your payment link in the browser02:00 Conclusion ### Resources Payment Links: https://stripe.com/payments/payment-links Documentation: https://stripe.com/docs/payments/payment-links ### SupportIf you have a question, please feel free to reach out to our support team at https://support.stripe.com/​​​​​ or on Discord at https://stripe.com/go/developer-chat. ### UpdatesSign up to stay updated with developer news: https://go.stripe.global/dev-digest​​. ### FeedbackIf you have any feedback about this or other episodes, let us know: https://forms.gle/VjNqzRhotM2snYo88​​

Categories
Website Design

Fixing your Broken Mobile UI Designs [Video]

January 4, 2022 is when https://designcourse.com releases. Go there to enter your email!- Today, I will be reviewing your mobile UI's.- NEW RULE!!!! Super chats are ONLY for appreciation. It will not guarantee a review/redesign.- Submit your design projects for review: https://discord.gg/a27CKAF #negativespace-submissions (NOTE: To combat spam, we have a new system where you must self-assign a role in #news)Join that discord link and just post ONCE your portfolio URL. I will cover the first one's first, and I can't guarantee that I will get to them all! Also, if I already reviewed yours from last week, don't bother submitting again!Also, feel free to idle in the discord server. I'm there now!https://discord.gg/a27CKAF- - - - - - - - - - - - - - - - - - - - - -Subscribe for NEW VIDEOS!Learn UI/UX: https://designcourse.comMy personal FB account: http://fb.com/logodesignerCoursetro FB: http://fb.com/coursetroCoursetro's Twitter: http://twitter.com/designcoursecomJoin 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!

Categories
Website Design

This week we released our new course Web Design: Becoming a Professional, and today I want to give you a taste of the quality and depth we go into in the course.So I’m giving you access to a full hour of video on the topic of Content strategy & Information architecture.... and this is just the tip of the iceberg as we have so much more than video content inside the course:- Exercises and practice files- 2 Course projects- Coaches to review your work- Live events- Resources and tools- Monthly challenges- And more!Are you ready to transform your whole career? Join us here: https://www.flux-academy.com/courses/learn-web-design-become-a-professional- Timelapse:00:00 Introduction: Content Strategy01:19 Content Strategy vs. Information Architecture01:45 What is content strategy02:00 Information architecture02:17 How we do it02:40 First step: Do your prep03:38 Second step: Brainstorm and discuss content, tone, SEO04:33 Third step: Sort and group to pages06:28 Fourth step: How to structure the content08:27 The web structure tool: Site Map09:08 The web structure: The non-fancy way 10:15 Sitemap labeling matter10:40 Types of structure13:16 One page vs multi-page17:20 Common web components17:36 Homepage: purpose and structure20:48 Navigation: purpose and best practices25:00 Global vs Local Navigation27:00 Using breadcrumbs28:00 Do you need a search function?29:10 Hero section 31:40 Testimonials34:00 The logo bar36:00 Pricing table38:20 Product page40:30 Checkout page44:20 Forms45:00 Contact page46:58 Footer48:48 Content development process49:10 Do the heavy lifting for them50:10 Ask for approval50:30 Copywriting tips53:40 Proofread55:07 How I do a site map59:00 Summary-Find me on other social media platforms:Instagram: https://www.instagram.com/ransegall/Twitter: http://twitter.com/ransegallLinkedIn: https://www.linkedin.com/in/ran-segall-0b582a33/-Gear & Book Recommendations: http://bit.ly/2ohFOuj#webdesign #freelancer #webdevelopment #business #entrepreneur Thanks for watching the video [Insert Video Title Here]