Categories
Website Design

The Job I Quit After 1 Day [Video]

Check out my COURSES! https://developedbyed.com/ Here is a fun story about my first ever job that I quit after 1 day. This story pushed me to start my own business and start working for myself. Support me on Patreon for exclusive episodes, discord and more! https://www.patreon.com/dev_ed Follow me on: Twitch: https://www.twitch.tv/developedbyed Twitter: https://twitter.com/developedbyed Instagram: https://www.instagram.com/developedbyed/ Github: https://github.com/developedbyed/ #job #money

Categories
Website Design

How to Make a Website [Video]

Create an account in Wix https://wl.tools/wix Hire an expert to write your website content https://link.websitelearners.com/30S4 Learn how you can create your own website using Wix. Lets get started! Table of contents: 00:00 Intro 00:54 Creating an account in Wix 01:40 Choosing a design for your website 02:34 Adding your content to the design 05:14 Publishing the site on the internet 06:35 Logging into Wix 07:27 Part 2 – Changing different parts on your site 07:40 Changing Menu 08:25 Changing Logo 09:58 Changing sites appearance in Google search results. 11:40 Creating a new page on your site 15:58 Changing the Appearance of elements on your new page 17:30 Optimizing your site for mobile view 19:50 Removing Ad on your site To create your own site using Wix, Were going to do 4 steps 1. Create an account in Wix To create an account in Wix, click here https://wl.tools/wix Sign up with your details and your account will be created. 2. Choose a design for your site Click Choose a template and choose any template you want. 3. Adding content to your site Now click Edit this site and you can change anything like text, images etc. To edit other pages, go to the page you want to edit and start editing. 4. Publishing your site on the internet. To publish, Click Publish Enter the name you want for your site Click Save & Continue So now youve successfully published your site. Lets say you want to make changes to this site later. To do that, Go to Wix.com Click Sign in and then log in to your site And now click Edit site and you can make the changes. === PART 2: Changing Different Parts of Your Website === 1. Changing the Menu. To change the Menu Click it and then select Manage Menu And you can edit your menu just by drag & drop. 2. Changing the logo. Click on the default logo Click Delete Now Click Choose Image & drag & drop the image you want. 3. Changing site Appearance on Google search results Go to Pages Home SEO Now you can change the site title and add the description you want. So this is how you can change different parts of your website. Next lets see how you can create a new page. To create a new page, Go to Pages Add Page Enter the name you want for your page, Now you can add content on this page like heading, buttons, images etc. You can also change the color of the text you want. Now you know how your website looks on desktops & laptops. But how will this site look on a mobile phone? To see your site on mobile view click on the mobile view and your site will be optimized automatically for mobile. Now to change your sites appearance on mobile view, just make the change in mobile mode. So this is how you can optimize your site for mobile view. So now, youve successfully created your own site and optimized it for mobile view. Now if you visit your site, you can see that you have an Ad for wix.com Now how do you remove this ad? So to remove this Ad, were going to do 2 steps 1. Upgrade your plan in Wix To upgrade, Click Upgrade Now and you will get different plans which you can choose. Choose the plan you want and Select the duration you want Now enter your details and then click Submit. So now if you go to your site and click Refresh You can see that you no longer have the Ad. 2. Get your own domain name Now if you see your site address it has some extra text. So to remove this extra text you need a domain name. As youve upgraded your plan you will get the domain name free for 1 Year. Once youve got your domain name, you can visit your site using the domain name. Now you can see the site youve built. So thats it, Guys! This is how you can create your own website using Wix. —————————— 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 Officially: We’re Hiring: https://websitelearners.com/careers/ Want your website developed by us? Email us your requirements to contact@websitelearners.com Follow & Chat with us: ———————————- Instagram: https://www.instagram.com/websitelearners/ Facebook: https://www.facebook.com/websitelearners/ Twitter: https://twitter.com/websitelearners/

Categories
Website Design

Goeey Hamburger Transforming menu in website design -Website Design Tutorial [Video]

Get 9+ Complete Responsive Web Design course 97% OFF – https://www.udemy.com/course/the-ultimate-frontend-web-development-8-courses-included/?couponCode=U_ROCK ——————- Full Course -https://youtu.be/pNcAuqInG6s ———————- Like our page – https://www.facebook.com/indiandesignr Join our group – https://www.facebook.com/groups/328971707545530

Categories
Website Design

Typography 101 – Web Design For Beginners [Video]

Check out my courses to become a PRO! https://developedbyed.com/ Support me on Patreon for exclusive episodes, discord and more! https://www.patreon.com/dev_ed Follow me on: Twitch: https://www.twitch.tv/developedbyed Twitter: https://twitter.com/developedbyed Instagram: https://www.instagram.com/developedbyed/ Github: https://github.com/developedbyed/ #webdesign #design #ui

Categories
Website Design

How To Add Facebook Messenger Chat in WordPress Website [Video]

Get our NEW Course https://link.websitelearners.com/Word… Learn WordPress and create any Website in less than 7 days with our "Make A Pro Website" WordPress course. Learn how you can add Facebook Messenger chat to your WordPress website. Lets say youve a website and you want to give your visitors a way to contact you. You can do that by adding facebook messenger chat to your website, Which allows the visitor to chat with you in real time. So lets get started. Table of contents: 0:00 Intro 1:15 Create messenger chat for your website 4:09 Adding facebook chat on your website using elementor 7:20 Using messenger chat from mobile 8:36 How do visitors contact you as a Guest 10:00 Adding messenger chat using WordPress customize option. You can add facebook messenger in just 2 simple steps. Step 1 : Create messenger chat for your website To create the chat, Go to facebook.com and login to your account. Now go to Pages. If you already have a page for your website just click on it. If you dont have a page, create one before you go to the next step. Now once youre in your page where you can manage it, Just click settings Messaging Now you will have an option called Add messenger to your website Click Get Started right next to it. Now you will have a preview of how the chat looks on your website once you add it. You can also make the changes of the greetings and color of the theme. Next you need to enter the domain name of your website. Now once youre done with the changes, just click save and your chat will be created. Step 2 : Adding facebook chat on your website In order to add the chat on your website, You need to add the code snippet which is shown in facebook page, to your site. Now just go to your website and go to the page you want to add the chat. Now you can add the code from facebook in two ways. If you are having a theme which has an elementor to edit, you can go on edit with elementor. And click on Footer as youre adding the chat in the footer area. Now from the general section drag & drop the HTML element to the widget area. Now just copy the code from facebook and paste it the html field. To save the changes, click Update. And your messenger chat will be added to your website. If you dont have elementor, Go to WordPress Dashboard Appearance Widgets Now as youre are adding the chat in footer area, Just drag & drop the Custom HTML widget to Footer. Now give a title and paste the code which youve copied from facebook. Now click Save & Done. And your messenger chat will be added to your website. Now if the visitor wants to contact you, all they have to click the messenger icon, And they can either login to facebook and chat with their account, Or they can use the Continue as Guest option to chat as a guest. And you can reply to them back in real time. Now when a visitor visits your website in mobile and click on the messenger icon, They will be redirected to the messenger app on the visitors mobile. Thats it guys. This is how you can add Facebook Messenger chat to your WordPress website. —————————— 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 Officially: We’re Hiring: https://websitelearners.com/careers/ Want your website developed by us? Email us your requirements to contact@websitelearners.com Follow & Chat with us: ———————————- Instagram: https://www.instagram.com/websitelearners/ Facebook: https://www.facebook.com/websitelearners/ Twitter: https://twitter.com/websitelearners/ If you have any doubts related to WordPress, Please mail us at contact@websitelearners.com

Categories
Website Design

Color Theory 101 – Web Design For Beginners [Video]

Check out my courses to become a PRO! https://developedbyed.com/ If you struggle picking colors for your design or illustration then fear no more because we are going to cover color theory for web design. We are going to cover the meaning of hue, saturation, brightness. How to pick a color based on it’s meaning and complementary colors. Support me on Patreon for exclusive episodes, discord and more! https://www.patreon.com/dev_ed Follow me on: Twitch: https://www.twitch.tv/developedbyed Twitter: https://twitter.com/developedbyed Instagram: https://www.instagram.com/developedbyed/ Github: https://github.com/developedbyed/ #ui #design

Categories
Website Design

How To Add Product Categories to Your Ecommerce Website [Video]

How to create an E-Commerce website https://youtu.be/8wA6uPEu9hM Get our NEW Course https://link.websitelearners.com/Word… Learn WordPress and create any Website in less than 7 days with our "Make A Pro Website" WordPress course. Learn how you can create product categories on your ecommerce website. Lets say youve an ecommerce website and youve different kinds of products in it. Now how do arrange each of them into categories? You can do that easily by following our 3 simple steps. So lets get started. Table of contents : 0:00 Intro 1:09 Create Your Categories 2:35 Add Products to Your Categories 5:35 Adding Categories to Menu 8:02 Add a Sidebar to Your Site 9:09 Display Categories on Sidebar 10:20 Changing Name for Default Category 11:44 Creating Sub-Category 13:25 Adding Products to Sub-Category 14:54 Adding Sub-Category to a Drop-Down Menu Step 1 : Create Your Categories To create categories, Go to WordPress dashboard Products Categories Now enter the name of your category & click Add new category. As soon as you click it, your category will be added. In the same way you can create as many categories as you want. Step 2 : Add Products to Your Categories To add products to your categories, Go to WordPress dashboard All Products Now here you will have all the products on your website. Now select the products you want to add to your category which youve created. Once youve selected the products, choose Edit in the bulk actions. Now select the category in which you want to add all the products youve selected And click Update. So now the product which youve selected will be added to the category. In the same way you can add all the products in your website to their respective categories. Step 3 : Adding Categories to Menu In the home page of your website, you dont have the categories youve created in the menu. To add the categories to the menu so that your customers can navigate easily, Go to WordPress dashboard Appearance Customize Now click on Menu Main Menu Add Items Product Categories Now select the categories you want to add to your menu and click Publish. So this is how you can add product categories to your menu ==== Bonus Part ==== Now lets say you want to display your categories on the sidebar of your website. So to display the sidebar, first you need to add a sidebar layout to your store page. Go to WordPress dashboard Appearance Customize Sidebar Now if youre using themes like Astra you will have the sidebar option under WooCommerce If youre using a different theme, then the sidebar option is under Default Layout. Now just choose the type of sidebar you want and the sidebar layout will be added on the page. Now to display the categories in the sidebar, Go to Customize Widgets WooCommerce Sidebar Add Widget Now in the search bar, search for Product Categories & Click on it. Once you click it, your categories will be added on the sidebar. Now if you want to change the default category name, Go to WordPress dashboard Products Categories Now just click on Quick Edit under the default category and then change the name you want. Now click Update and your category name will be changed. Now lets say you want to create a sub-category. Go to WordPress dashboard Products Categories Enter the name of your category Now under the Parent category choose to which category you want to add this subcategory. Once youve selected click Add new category. And now your subcategory will be added. Like we did before, you need to add the products you want to display in subcategory. So just follow the process in step 2 and add your products. You can also add this subcategory as a drop down in the menu by going to Customize option. Thats it guys. This is how you can create product categories on your ecommerce website. —————————— 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 Officially: We’re Hiring: https://websitelearners.com/careers/ Want your website developed by us? Email us your requirements to contact@websitelearners.com Follow & Chat with us: ———————————- Instagram: https://www.instagram.com/websitelearners/ Facebook: https://www.facebook.com/websitelearners/ Twitter: https://twitter.com/websitelearners/ If you have any doubts related to WordPress, Please mail us at contact@websitelearners.com

Categories
Website Design

Latest CSS animation and Transitions Effect [Video]

Get 9+ Complete Responsive Web Design course 97% OFF – https://www.udemy.com/course/the-ultimate-frontend-web-development-8-courses-included/?couponCode=U_ROCK ——————- Full Course -https://youtu.be/pNcAuqInG6s ———————- Like our page – https://www.facebook.com/indiandesignr Join our group – https://www.facebook.com/groups/328971707545530

Categories
Website Design

Create Awesome Web Designs | Layout Design Tutorial [Video]

Check out my courses to become a PRO! https://developedbyed.com/ Today we will learn how to create any type of web design we want to using the basic principles of composition and layout. If you struggle creating designs for your website this will help you out. Also check out my typography and color theory tutorials before. Support me on Patreon for exclusive episodes, discord and more! https://www.patreon.com/dev_ed Follow me on: Twitch: https://www.twitch.tv/developedbyed Twitter: https://twitter.com/developedbyed Instagram: https://www.instagram.com/developedbyed/ Github: https://github.com/developedbyed/ Stan Forebee, The Field Tapes, azula, Francis – Harbor https://chll.to/8438c1ad Swrn – Going Back https://chll.to/fdc0e8ca The Field Tapes, xander. – Flowers https://chll.to/12091dc9 #ui #ux #design

Categories
Website Design

How to Ship Products in India [Video]

Create your Shiprocket account https://wl.tools/shiprocket Get our NEW Course https://link.websitelearners.com/Word… Learn WordPress and create any Website in less than 7 days with our "Make A Pro Website" WordPress course. Learn how to deliver products from your ecommerce website. Lets say youve got an ecommerce website and you want to know how to deliver the products. You can do that easily by following this video. So lets get started. Table of contents : 00:00 Intro 01:55 Part 1 – Set up your website for delivery. 06:40 Part 2 – Deliver the product to the customer. 11:40 Preparing package for delivery. 15:00 How do you track the order?. 15:50 Adding pincode checker to check the delivery details 20:28 Collecting delivery charges from customers. 22:40 How to deliver product for COD Payment 28:10 Let customers return the product. 37:05 Refunding Money to the customer 39:18 Let customers cancel the order Were going to do it in 2 parts Part 1- set up your website for delivery Step 1: Create an account on shiprocket Shiprocket is the website which is going to help us deliver products from your website. To create the account click here And create your account on shiprocket Once you have created the account. Step 2: Connect shiprocket with your website So to connect it Click connect your channel and select woocommerce And enter your website URL in the store URL field. To complete connecting, you need to enable the REST API setting on your website. Go to WordPress dashboard woocommerce settings go to advanced and click legacy API Then enable the option and click save. Go back to shiprocket and click connect Then click approve You need to fill up the details and enable push order statuses Then click save Shiprocket account will be connected to your website. Now you can start to deliver the products. Once the order is placed. Go to shiprocket ordersprocess orderssync button You can view the orders. Part- 2 Deliver the products Were going to do 4 steps Step 1: recharge your shiprocket account To pay for the courier charges you need to recharge your shiprocket account. So to do that Click recharge and select the amount you want. And then recharge your account. Step 2: add your pickup address This is the place where the courier person will come and collect the product. So to add pickup address In shiprocket, Go to settings and click company Now click pickup address and click add pickup address Enter the address and click save Once you have added the pickup address. Step 3: Enter the product size and weight So to add product size and weight Go to orders process orders So first pack your product and then measure the size And enter it And weigh the product and enter that also Once you have added your product size and weight. Step 4: Initiate the pickup of the product. Click Ship now Select the delivery services you want And click Ship click Generate pickup now So now we have initiated the pickup. Once you have initiated the pickup, You need to prepare the package for delivery. So to prepare it, Open invoice Take printout Keep it inside the package and then seal it Next, we need to Add delivery details Open Product label Take printout Paste it outside the box. Now our package is ready for pickup. And once the delivery man comes, give the package to him Once the delivery man picks, Shiprocket will send a message to the customer, along with the tracking link Using which the customer will be able to track their order. Next, lets see how your customers can enter a Pin Code & check for delivery date. Were going to do 3 steps, Step 1 – Install Shiprocket plugin Go to WordPress Dashboard Plugins Click Add New Search for plugin called Shiprocket Click Install Click Activate Once you have installed the plugin, Step 2 – Connecting the plugin with a shiprocket account. Go to settings Enable ‘Real Time rates and fill up your details, And click Save Changes. And your shiprocket account will be connected. Once you have connected your shiprocker account Step 3 – Add Product size and weight. Go to Edit products Enter products details Click Update. Once you have done this, Visitors will be able to enter their pin code and check the delivery date. Okay, So this is how you can deliver products to your customer. —————————— 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 Officially: We’re Hiring: https://websitelearners.com/careers/ Want your website developed by us? Email us your requirements to contact@websitelearners.com

Categories
Website Design

How to make the most creative website template design Modern Website Design in 2021 [Video]

Get 9+ Complete Responsive Web Design course 97% OFF – https://www.udemy.com/course/the-ultimate-frontend-web-development-8-courses-included/?couponCode=U_ROCK ——————- Full Course -https://youtu.be/pNcAuqInG6s ———————- Like our page – https://www.facebook.com/indiandesignr Join our group – https://www.facebook.com/groups/328971707545530

Categories
Website Design

CSS Ripple or Water Ripples animation Effect in modern Profile Card [Video]

Get 9+ Complete Responsive Web Design course 97% OFF – https://www.udemy.com/course/the-ultimate-frontend-web-development-8-courses-included/?couponCode=U_R_CREATIVE ——————- Full Course -https://youtu.be/pNcAuqInG6s ———————- Like our page – https://www.facebook.com/indiandesignr Join our group – https://www.facebook.com/groups/328971707545530