🌐

Building a Business Website Without Coding

Jul 7, 2024

How to Build a Website for Your Business Without Coding

Introduction

  • Presenter: By thetas
  • Focus: Building a business website without any coding experience

Key Steps Covered:

  1. Web hosting setup
  2. Domain registration
  3. Website creation using Hostinger's website builder
  4. Customization of website elements

1. Web Hosting

  • Importance: Reliable hosting ensures your website is always accessible
  • Service Used: Hostinger
  • Steps:
    • Visit hostinger.com
    • Select 'Website Builder' button
    • Choose all-in-one solution plan (includes hosting plan and website builder)
    • Select plan duration (e.g., 12 months, includes a free domain name)
    • Complete payment (use coupon code H810 for 10% discount)
    • Login to Hostinger control panel

2. Domain Registration

  • Choosing a Domain:
    • Short, unique, relevant to business
    • Avoid numbers and hyphens
    • Use Hostinger guide to choose perfect domain name
  • Steps:
    • Log into Hostinger account
    • Go to hpanel dashboard
    • Click 'Claim Domain' button
    • Search for desired domain name and extension
    • Register domain for personal or business use
    • Enter contact information

3. Creating Your Website

  • Setting Up:

    • Open hpanel dashboard
    • Choose 'Create or migrate a website' option
    • Select Hostinger Website Builder as platform
    • Specify domain (use the free claimed domain)
  • Website Builder and Templates:

    • Access the template library
    • Select and preview templates
    • Choose a template and start building
  • Editor Interface:

    • Current page: homepage
    • Customization options: text, fonts, colors, visibility
    • Toolbar for adding new pages, navigation, elements
    • Undo, redo, save, and publish buttons
    • Drag-and-drop feature for easy design

4. Customizing Your Website

  • Homepage Design:

    • Ensure it is informative and visually appealing
    • Structure: headlines, visuals, sub-headline with benefits, call to action, social proof
    • Standard homepage templates customizable
  • Essential Pages:

    • About Us: Company intro, mission, vision, founding story, key personnel
    • Products and Services: Brief descriptions, images, links to external sites
    • Contact Us: Contact forms, social media links
    • Adding a product/service page, configuring fields in contact forms
  • Navigation & User Experience:

    • Customizing header and footer
    • Editing navigation for intuitive user flow
    • Reordering menu elements
    • Adding shopping bag icon for online store

5. Adding Visual Elements

  • Images & Videos:
    • Adding and editing images and videos
    • Customization options: resizing, alt text for SEO, link redirections
  • Logo:
    • Adding and adjusting business logo
    • Using tools for logo generation

6. Launching Your Website

  • Final Steps:
    • Ensure elements are mobile-friendly
    • Adjust layout in mobile view without affecting desktop view
    • Publish website

Conclusion

  • Now equipped to build a business website without coding
  • Engage audience post-launch: Share website, seek feedback, follow tutorials
  • Encourage comments, likes, shares, and subscriptions to Hostinger Academy
  • Good Luck!