How to Create a Professional Website Using the Drag and Drop Method
Are you looking for an easy tutorial on how to create a professional website using the drag and drop method without the need to pay additional hosting costs? Look no further! In this tutorial, I will guide you through each step, and in the last part, I'll show you how to launch your site with a $1 professional domain in just minutes. Don't skip any part of this tutorial so you'll be able to build your own website or become a professional website developer and make money from it. Please subscribe, hit the like button, and let's get started!
Table of Contents
1. Generate Website Content
2. Canva Website Builder
3. Edit Pages
4. Menu and Internal Links
5. External Links and Email
6. Website Animation
7. Background Video
8. Publish the Website
9. How to Buy a Domain Name
10. How to Connect a Domain to Canva
Generate Website Content
To generate website content, you can use an AI chatbot like Chat GPT or Google Bard. In this example, I will use Chat GPT. Ask Chat GPT to create website content for your business or company and also list the menu or pages for which you want Chat GPT to generate copy. In this example, I also ask Chat GPT to generate a company tagline. However, you can request more detailed web content if you want, or you can copy my prompt from this video description. Click the generate button to start creating your website content.
Canva Website Builder
Now, open your Canva dashboard. If you don't have Canva, you can try Canva Pro free for 30 days using the link I provide in this video description. From the Canva dashboard, go to the Design Spotlight websites and click create a Canva website to continue. Now, select a website template from the template list. Choose the best template that matches your business and click the apply all pages button to use the selected template. Now, let's match the number of content. You can add, duplicate, or remove any pages. In this case, I need to remove two pages from this template. Click the delete button to remove the current page design.
Edit Pages
Now, let's do some editing to our website content using our Chat GPT generated copy. You can also change website graphics to match your content. Just like creating a design in a normal Canva design, you can add any Canva objects to your website. Do these steps for all pages. To save time, I will not edit all pages in this video.
Menu and Internal Links
Now, let's add a navigation menu to our first page for easier user navigation. Go to the text menu and select a text style you like. Resize the text and change it to name. Copy this text for other menus and texts. After that, right-click on our first menu and select the link option. Select the page you want this menu to navigate to. In this example, About Us will point to the About Us page, which is named Untitled. Click done to apply this change. Repeat these steps for all menus. You can also use any object as a hyperlink by doing the same steps. Now, let's use a button to jump to another page. After everything is set, click the menu.
External Links and Email
In this part, I will demonstrate how to create external links to our social media and create an email button. Go to the contact page. Right-click on the Instagram button, select the link option, and paste your Instagram page URL. Click done to apply this change. You can use this technique to create an external link to another website or page. Now, let's create a mail button to automatically open an email app and create a new email. I will use a pre-made email address as an example. Right-click on the email address, click the link toe followed by your email.
Website Animation
To make our website more interactive, let's add and customize animation for any object on our website. But in this example, I will only make changes to the first page. Click on any object you want to add animation to. Click the animate button and select an animation style and its speed.
Background Video
You can also add a video to your website as a page background. In this example, I will choose a video from Canva stock videos. Select the video you like, right-click on the video, and select the replace background.
Publish the Website
After everything is set, let's publish our website. This part is for anyone who doesn't want to use a paid domain, so we will use a free subdomain from Canva. Click the publish website button, select the free domain option, and click the continue button. Now, enter your subdomain name and click continue. Add a page description to improve your website SEO. You can also set advanced options for adding a website password, search engine visibility, and link preview options. Click the publish button to make live. Congratulations, now you have a website!
How to Buy a Domain Name
In this part, I will show you how to purchase a $1 domain name to make your website look professional. Go to the Name Che website using the link I provided in this video description. Go to the domains menu, scroll down, and click the show more button to reveal more domain options. You can choose any top-level domain you want, but because this website is for a demo only, I will choose the online top-level domain, which costs only $1. Click on the selected TLD and type your domain name in the search bar. Click the cart button, enter the required information on the create an account tab to continue. Click the create account button, enter your contact information, uncheck the I'm registering on behalf of a company option if you are registering this domain as an individual, and click the continue button. Now, select your preferred payment method, PayPal, check the agreement option, and click the continue. After the purchase is successful, click the manage button to go to the page.
How to Connect a Domain to Canva
In this part, I'll show you how to connect our domain to the Canva editor. Click the publish website button, click the change button, and select use my existing domain. Enter your domain name and click continue. Now, we need to add a TXT record to our DNS settings. Copy the host address, go to the Name Che dashboard, from the domain list, select the manage option from the dropdown button, select TXT record, paste the host address from Canva section, go back to Canva, copy the value, and paste it into the value section. Click the save button to save this record. Return to Canva and click TXT continue. The second step is to add a new A record. Copy the host name, return to the DNS dashboard, click the add new record button, select a record, paste the host address from Canva into the host section, return to Canva, copy the value, and paste it into the IP address section. Click the save button to save this record. Return to Canva and click A record added to continue. The third step is to add another new A record. Copy the host name, return to the DNS dashboard, click the add new record button, select a record, paste the host address from Canva into the host section, return to Canva, copy the value, and paste it into the IP address section. Click the save button to save this record. Return to Canva and click A record added to continue. After everything is set, click the connect domain button to continue. Click the publish button, and all is set. Now you only need to wait for an email confirmation when your domain has been verified and published.
Highlights
- Create a professional website using the drag and drop method without the need to pay additional hosting costs.
- Use an AI chatbot like Chat GPT or Google Bard to generate website content.
- Customize your website with Canva website builder.
- Add external links and email buttons to your website.
- Make your website more interactive with animation and background videos.
- Purchase a $1 domain name to make your website look professional.
- Connect your domain to Canva to publish your website.
FAQ
Q: Can I use a different website builder instead of Canva?
A: Yes, you can use any website builder you prefer.
Q: Can I use a different AI chatbot instead of Chat GPT or Google Bard?
A: Yes, you can use any AI chatbot you prefer.
Q: Can I use a paid domain instead of a free subdomain from Canva?
A: Yes, you can use a paid domain if you prefer.
Q: Can I add more pages to my website?
A: Yes, you can add, duplicate, or remove any pages.
Q: Can I change the website graphics?
A: Yes, you can change the website graphics to match your content.
Q: Can I add more external links and email buttons to my website?
A: Yes, you can add as many external links and email buttons as you want.
Q: Can I customize the animation and background video on my website?
A: Yes, you can customize the animation and background video to your liking.
Q: Can I connect my domain to a different website builder instead of Canva?
A: Yes, you can connect your domain to any website builder you prefer.
Q: Can I use a different payment method instead of PayPal?
A: Yes, you can use any payment method accepted by Name Che.
Introducing AI Chatbot:
Reduce the workload on your customer service team with AI Chatbot from VOC. This AI chatbot can automatically handle a large amount of work on customer services, saving you time and money. Visit https://www.voc.ai/product/ai-chatbot to learn more.
