Categories
Website Design

Ecommerce Website Like Flipkart using all the modern technologies [Video]

9+ Website Design Courses in one course inside 97% OFF – https://www.udemy.com/course/the-ultimate-frontend-web-development-8-courses-included/?couponCode=YOU-R-GREAT ——————- Checkout this also – https://www.udemy.com/course/learn-psd-to-responsive-parallax-html-5-css-3-web-design/?couponCode=LATEST-DESIGN ——————- Full Course -https://youtu.be/pNcAuqInG6s ———————- Like our page – https://www.facebook.com/indiandesignr Join our group – https://www.facebook.com/groups/328971707545530 Template is here – https://preview.themeforest.net/item/flipmart-supermarket-opencart-theme/full_screen_preview/28455145?ref=jqueryrain

Categories
Website Design

How To Put Your WordPress Site In Maintenance Mode [Video]

Get our NEW Course https://link.websitelearners.com/WordPress-Course Learn WordPress and create any Website in less than 7 days with our "Make A Pro Website" WordPress course. Learn how you can put your WordPress website in maintenance mode. Lets say youve a website and youre making changes to it. Now until you finish making the changes, you can show a maintenance page to your visitors and you can also display a countdown timer to let your visitors know when your site will be back. So you can put your WordPress website in maintenance mode by following our 2 simple steps. Lets get started. Table of contents : 0:00 Intro 0:38 Install maintenance plugin 1:31 Create a maintenance page 3:48 Customize your maintenance page 6:35 Notify your visitors when your site is back 7:20 How to disable/enable maintenance mode 8:16 How to put specific page in maintenance mode Step 1 : Install maintenance plugin To install the plugin, go to WordPress Dashboard Plugins Add New Now search for CMP and click Install & Activate. Once youve installed the plugin, you can go to the next step. Step 2 : Create a maintenance page To create it, Go to WordPress Dashboard CMP Settings Now first Enable CMP status. Once youve enabled it, you need to select an option from these : Whole website – To put your entire website in maintenance mode Homepage only – To put your homepage in maintenance mode Whitelist/Blacklist – To put a specific page in maintenance mode Once youve selected an option , click Maintenance Mode. Now you need to select a theme and click Activate. And now youve successfully created a maintenance page. Next lets see how you can customize your maintenance page. To customize, go to WordPress Dashboard CMP Settings Content Now you can change the logo, heading, message, background image etc.. You can also choose how long you want to show the maintenance page to your visitors. To do that go to Countdown Timer Setup and edit the date & time for how long you want to show the maintenance page. So now youve set the timer on your maintenance page. Now once youve done customizing your maintenance page, click Save All Changes. So now when someone visits your website, they will be seeing a maintenance page with all the changes youve made. Now you can see there will be an option on the maintenance page, where your visitors can submit their Email IDs so that you can notify them through an email when your site is back. Now if someone submits their email ID, you can find it by going to WordPress Dashboard CMP Settings CMP Subscribers. Now if you want to disable/enable maintenance mode, You can click OFF/ON right next to Maintenance mode in the WordPress admin bar. Or you can go to WordPress Dashboard CMP Settings And click Disable/Enable in CMP Status. Now if youve chosen Whitelist/Blacklist in step 2, Which is to put a specific page in maintenance mode, You need to add your page which you want to put in maintenance to Page Whitelist. To do that, go to WordPress Dashboard CMP Settings CMP Advanced Setup Now click on Page Whitelist and select the page or enter its URL for which you want to put in maintenance mode. Once youve selected the page, click Save All Changes. So this is how you can put a specific page on your website in maintenance mode. So thats it guys. This is how you can put your WordPress website in maintenance mode. —————————— 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

Vue js – Input Character Counter in website [Video]

9+ Website Design Courses in one course inside ———————————- 97% OFF – https://www.udemy.com/course/the-ultimate-frontend-web-development-8-courses-included/?couponCode=YOU-R-GREAT ——————- Checkout this also – https://www.udemy.com/course/learn-psd-to-responsive-parallax-html-5-css-3-web-design/?couponCode=LATEST-DESIGN ——————- 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

How To Add Login & Signup Page Before Checkout [Video]

Get our NEW Course https://link.websitelearners.com/WordPress-Course Learn WordPress and create any Website in less than 7 days with our "Make A Pro Website" WordPress course. Learn how you can add a login & signup page before checkout on your ecommerce website. Lets say youve an ecommerce website and when a customer adds a product to cart and clicks Proceed to checkout, they will be taken to the login & signup page where theyve to either login or create an account on your website to make the purchase. So you can add the login & signup page by following our 2 simple steps. Lets get started. Table of contents : 0:00 Intro 1:10 Enable account creation on your website 2:07 Install WooCommerce Force Authentification plugin 2:59 How login/signup process works 5:15 How to change the look of login/signup form Step 1 : Enable account creation on your website To enable it, Go to WordPress Dashboard WooCommerce Settings Accounts & Privacy Now enable Allow customers to create an account on the My Account page option. Now click Save Changes to enable account creation on your website. Step 2 : Install WooCommerce Force Authentification plugin. To install the plugin, go to WordPress Dashboard Plugins Add New Now search for WooCommerce Force Authentification and click Install & Activate. Once youve installed the plugin, Now your customers will be asked to either login or register to your website before checkout, to complete the purchase. Now if you want to change the look of your login/signup page, You need to install the Login/Signup Popup plugin. To install the plugin, go to WordPress Dashboard Plugins Add New Now search for Login/Signup Popup and click Install & Activate. Once youve installed the plugin, the look of the page will be changed. If you want to change the button colors etc, Go to WordPress Dashboard Login/Signup Popup Settings Styles And start making the changes you want. So thats it guys. This is how you can add login & signup page before checkout 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

Polygon Header with Linear Overlay using HTML CSS SVG [Video]

9+ Website Design Courses in one course inside ———————————- 97% OFF – https://www.udemy.com/course/the-ultimate-frontend-web-development-8-courses-included/?couponCode=YOU-R-GREAT ——————- Checkout this also – https://www.udemy.com/course/learn-psd-to-responsive-parallax-html-5-css-3-web-design/?couponCode=LATEST-DESIGN ——————- 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

Vanilla Skew Scroll in Website Design Today [Video]

9+ Website Design Courses in one course inside ———————————- 97% OFF – https://www.udemy.com/course/the-ultimate-frontend-web-development-8-courses-included/?couponCode=YOU-R-GREAT ——————- Checkout this also – https://www.udemy.com/course/learn-psd-to-responsive-parallax-html-5-css-3-web-design/?couponCode=LATEST-DESIGN ——————- 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

Vanilla Js – Smooth scroll in real world website design [Video]

Enroll the real world responsive website design course —- 97% OFF – https://www.udemy.com/course/build-a-real-world-responsive-website-with-html-5-css-3-js/?couponCode=YOU_R_GREAT ——————- Checkout this also – https://www.udemy.com/course/learn-psd-to-responsive-parallax-html-5-css-3-web-design/?couponCode=LATEST-DESIGN ——————- Full Course -https://youtu.be/pNcAuqInG6s ———————- Like our page – https://www.facebook.com/indiandesignr Join our group – https://www.facebook.com/groups/328971707545530