Build and Design a Business WEBSITE (Beginner to Advanced)

Identify and implement essential website pages—about, services, updates, and contact—to convey who you are, what you offer, and how to do business, especially on the home page.

Compare popular website platforms like WordPress, Thrive Architect, Webley, and Wick's, highlighting front-end builders, drag-and-drop workflows, themes and plugins, and back-end considerations for design choices.

Learn to build a professional website step by step with a drag-and-drop editor and templates, swapping images and text without coding or development knowledge.

Explore two popular platforms, learn html basics, and understand c panel for advanced website tasks.

Wex offers a no-code, drag-and-drop website builder with about 500 templates, plus Wick's Aidi that can draft your site, making it easy to build a high converting business website.

Explore how to build professional, mobile-friendly websites with Wick's dotcom using the free Wex web builder, editor and developer platform, including logo maker, templates, and SEO tools.

Explore Wick's pricing from a free starter to premium website and business/e-commerce plans, with a free domain for a year, advertising removal, unlimited bandwidth, video storage, and G Suite email.

Explore Wix partner and affiliate programs for agencies, including client websites, migration support, a partner dashboard, and a $100 payout per converted customer, with sign-up possible without a Wix site.

Sign up with email and password, answer guided questions to tailor a site for you or a client, import existing content if available, then choose a theme and logo.

Add and customize a section on your business website by selecting an events section, configuring event details, connecting a booking calendar, and publishing the page.

Add an entire page to your site from the ad menu, choose a design based on your theme, customize with sections and elements, and preview the changes.

Connect or buy a domain with a premium plan and publish your site. Upload a social image, manage the site address, and set a Facebook username to direct likes.

Add contributors via the roles and permissions area by entering their email, selecting a role, and sending an invite; they become pending until they accept and set up an account.

Publish your site to access advanced settings. Use the release manager to create versions and configure appointment booking, invoices, terms and conditions, and automated emails.

Explore store settings to automate order emails, enabled by default, and preview or toggle them on or off; configure shipping confirmations, digital product download emails, and pickup fulfillment notices.

Set up paid video access by configuring currency, pricing, downloads, and rental options; manage landing locations, email notifications, and contacts, while noting free plan limits and the video library workflow.

Explore advanced Wix inbox settings to customize your business name, sender name, subject, and signature, and connect Gmail and Facebook to send from Wix and view page messages.

Access advanced settings to create quotes and invoices through the Wick's interface, customize brand information, set default notes and terms, and manage taxes for formatted documents.

Learn to upload and manage videos in the video library, including from hard drive or cloud storage, add categories, tags, descriptions, set a cover image, and configure pricing and action cards.

Add an action card to your video to promote a product with a clickable link, upload 200x200 button image, set timing and position, then save and test at 30 seconds.

Schedule a live stream by selecting a channel, setting free or paid access, adding viewing restrictions, and optionally a trailer; save and go live from desktop or mobile using OBS.

Configure OBS Studio for live streaming by selecting a custom streaming service, entering Wick's server URL and stream key, applying settings, and starting the stream to broadcast on Wick's website.

Configure your live stream by adjusting studio settings and ensuring the proper setup. Create and customize channels, upload a channel cover, enable subscriptions, and start adding videos to each channel.

Learn to create and manage blog posts on the Wick's website by writing titles and content, adding images or videos, and publishing or sharing posts.

Manage your site navigation by using the home menu to select which pages appear. Remove unwanted pages, like shop or bookings, and customize the remaining pages for your site.

Discover advanced features of Wick's dotcom Wex, a free cloud-based web builder with a website editor, logo maker, and SEO tools for creating mobile-friendly sites, blogs, and stores.

Add a chat app from the ads menu, set the chat title and initial message, upload a branded image, add to page, publish, and preview the customer chat window.

Enable the blog app, configure mobile and seo settings, import WordPress posts, create categories with images, assign posts to categories, and publish so the blog becomes the home page.

Add an Instagram feed to your site by connecting your Instagram account, selecting the about page, customizing display options, and publishing to display the feed.

Add a video app to your page by selecting the page and channel, then customize the cover image and display options before publishing.

Add the events app to your page to create events, collect RSVP, and sell tickets. Choose the page, customize event details (image, date, venue), manage events, and publish.

Add a member's area to your site with private accounts, login access, and restricted content; configure, publish, and let users access their profile and designated sections.

Add a bookings and form app to your page, configure bookings and the booking calendar, and publish the site to activate both the booking area and the form section.

Add an audio feature to your business website by creating an album, uploading tracks, setting download options, and publishing the music section for streaming and downloads.

Add a single event app to your page to collect rsvp and sell tickets. Customize the rsvp button text and title, select details to display, publish, and check your site.

Switch to Wick's Ed to use a drag-and-drop interface with top controls, a right-side panel, developer mode for custom code, and desktop and mobile previews.

Navigate the Wix editor interface, use the side menu to drag and drop elements, manage membership, blog, and booking pages, and add, order, and configure your site navigation.

Choose video or static backgrounds with the Wix editor, apply them across pages, and adjust opacity, color behind the image, scroll effects, and image scale and position.

Explore the Wix editor's add button to place customizable elements on your page, including video from YouTube, with configurable settings, sizing, drag-and-drop placement, and playback options.

Learn to add media in Wix editor by uploading from your computer or pulling from Facebook, Instagram, Google Drive or Google Photos, then resize and place it on the page.

Explore the Wick's editor blog manager to create and manage posts, customize blog feed layouts from magazine to editorial, and control the RSS button placement and overall presentation.

Learn to use the Wix editor tools, including the toolbar, top menu, ruler, and grid lines, to snap, copy, paste, duplicate, align, and size elements for a website across pages.

Discover how to browse, search, and add apps from the Wix App Market to your site, compare free and premium plans, and configure or remove a Facebook app.

Explore the Wix App Market, focusing on free apps; customize a countdown clock, adjust its settings, move and align it on your page, and remove the app if needed.

Edit and manage your Wick's website using the Wick's editor and dashboard, including menus, pages, background, and media. Explore marketplace apps, customize the blog, and prepare to build your site.

Explore WordPress, a free open-source platform with drag-and-drop design, optional custom code, and plug-ins, then learn basic components, setup, and build a simple site without developer help.

Discover how to use WordPress and the Gutenberg editor to create and manage posts and pages, manipulate content with blocks, and preview how changes affect visitor views.

Install WordPress on your domain via your hosting control panel, using a one button or advanced configuration for a subdirectory. Create admin credentials and a notification email, then log in.

Master the basics of WordPress by creating posts and pages with Gutenberg, organizing media with the media library, and customizing with widgets, themes, plugins, and settings.

Back up your WordPress site before upgrading to WordPress 5.0 using the managed WP plugin, activate backups, and create a snapshot with restore options.

Update your WordPress installation to 5.0 to access the Gutenberg editor. Back up your site before upgrading, then explore the new post and page interface.

Discover how to find and install compatible WordPress themes for the Gutenberg editor, using add new, filters, preview, and activation to customize your site.

Activate the most recent default WordPress theme to leverage Gutenberg editor features, and learn how updating older default themes (2015, 2016, 2017, 2019) keeps compatibility for blogging and site building.

Explore WordPress post and page interfaces, block elements, and editor tools, including visual and code editors, toolbars, spotlight, full screen, reusable blocks, and content copy.

Explore the WordPress Gutenberg editor's layout, hide unused interface elements, and use blocks with navigation and content structure to track word counts.

Learn how to add and delete blocks in the Gutenberg editor, manage content inside blocks, and create new blocks to design a business website interface.

Learn to customize each content block in your editor by selecting paragraph, image, or audio blocks and tailoring elements via the right menu, including the title area and its permalink.

Learn how to manipulate block positions using a visual editor, duplicate, delete, insert before or after blocks, edit as HTML, and create reusable blocks to use across posts.

Learn to manipulate block positions in a visual editor, including duplicating, deleting, and inserting blocks, editing as HTML, and saving blocks as reusable blocks to reuse across posts.

Add and customize text on your WordPress site with the Gutenberg editor’s paragraph blocks, applying bold, italics, and links, plus background color, font size, and drop cap.

Learn how to add images to a WordPress site using the image block, including uploading or selecting from the media library, adjusting size and alignment, and testing layout.

Learn to convert content into bullet or numbered lists in Gutenberg, create lists from scratch in the add block area, and reorder or move list blocks across your document.

Learn to add video content to your website using a video block, upload from the media library, or embed YouTube videos with custom HTML, while considering server upload size limits.

Learn to add an audio blog to your WordPress site using the audio block, upload audio files, and customize playback options like auto play, loop, and alignment with text.

Create a cover in Gutenberg by adding a cover block, dragging in an image or video, and writing on top with an overlay you can adjust for opacity and color.

Master how to add text and media to blogs, preview and publish WordPress changes, and edit blocks using block navigation, including common blocks, widgets, shortcodes, and embeds.

Explore advanced Gutenberg features, including common blocks, layout elements, widgets and embeds, and block properties. Learn drag-and-drop controls to preview how content appears on your business website.

Learn to add quotes and pull quotes in the Gutenberg editor for WordPress, including composing the quote and citation, styling options like large or regular, and previewing on your site.

Learn how to combine an image with descriptive text using the media and text block, adjust font size, drop cap, colors, and ensure mobile stacking for responsive layouts.

Learn how to upload a file to your WordPress site for download, rename it, adjust the link alignment and behavior, and publish the post so visitors can download the file.

Create and format tables in WordPress by adding a table block, configuring columns and rows, and adding or deleting rows or columns. Adjust width as needed.

Explore the poetry verse block in Gutenberg, enabling exact line breaks, formatting, and alignment, and learn how to convert it to a paragraph block while applying text functions.

Add and customize buttons in WordPress, set button text and alignment, link to a URL, preview the button, and test navigation for visitors.

Add multi-column blocks in the Gudbjerg editor for WordPress to create column layouts. Convert a column to a list, quote, or verse, and adjust text and background colors.

Use the Gutenberg editor to add separators and spacers between items on a WordPress site, adjusting line or dot styles and spacer height.

Add a WordPress latest post widget, configure its properties to show post dates and counts, and organize categories as dropdown or hierarchy for your posts.

Learn how to use Gutenberg's general embed element to add cloud-based content to a WordPress site, convert non-embeddable items to links, and embed YouTube videos.

Learn to embed YouTube and Vimeo videos in the Gutenberg editor, using the YouTube block or embed dialog, adjust alignment and responsive sizing for mobile viewers, and add captions.

Embed video and screenshots using the Gutenberg editor with screen cast. Copy the embed code, place the video or screenshot block, and resize for smaller devices.

Learn to embed images in WordPress using the Gutenberg editor with Imgur and Flickr. Copy image share links, paste into the embed dialog, and resize for responsive devices.

Embed cloud-based presentations in WordPress using SlideShare and Speaker Deck via the Gutenberg ad block by copying the share URL and embedding it for viewer controls.

Embed Scribd documents in WordPress using blocks, copy the link, or insert HTML code, troubleshoot embed errors, and preview and publish the post.

Learn to embed Facebook, Instagram, and Twitter posts into a WordPress site using the Gutenberg editor, by copying post links, inserting embed blocks, and previewing updates.

Learn to embed Spotify and SoundCloud audio into WordPress using Gutenberg blocks. The video walks through copying track links, embedding them, and updating posts.

Learn how to add specialty embeds in Gutenberg, including TED talks, Kickstarter projects, and meetup events, by copying share URLs and embedding them in WordPress posts.

Learn how to use Gutenberg to embed cloud-based services and access advanced features, or switch to the classic editor via a classic editing block or plugin.

Explore HTML, the most popular language for building websites, and XML's role in creating sites, with tips on writing and manipulating XML to enable more advanced website changes.

Learn to edit a one page website using html basics, inserting elements and images with commands to change appearance and functionality without relying on a wysiwyg editor.

Learn how to safely edit HTML using a WYSIWYG editor by working in the HTML code, recognizing tags like H1 and H2, and using preview to ensure page appearance.

Explore how html appears in WordPress, embed codes for YouTube and podcasts, PayPal buttons, autoresponders, affiliate networks, and basic file structure like html extension and index file.

Learn how to open HTML files with different editors, compare Adobe Dreamweaver pricing and plans, explore free and cloud-based HTML editors, and use split-screen what-you-see-is-what-you-get editing to preview changes.

Open the file manager, locate the site directory, edit the HTML code in the Wizzy editor by using the source view, and save to apply changes to the website.

Learn how to organize a website by keeping index.html exactly, naming other pages like thank-you-page.html, and using proper page names in the address to control what loads.

Learn folder management and how exact image addresses resolve on the web, while folders stay hidden; update assets by swapping exact file names and paths.

Learn to structure a web page by editing the body content and by understanding the header and title above the body tag, plus the opening HTML tag.

Explore opening and closing HTML tags in Dreamweaver, learn how tags like paragraph and strong create bold text, and understand nesting and correct tag order to control page content.

Learn how to edit the title tag and header information to control a page's browser tab title, save and upload changes to your server, and verify updates by refreshing.

Manipulate text between opening and closing tags to apply formatting such as italics, underline, strikethrough, and bold using the proper tag syntax.

Apply color to webpage text using the HTML font tag and font color attribute. Use Instant Eyedropper to pick a hex code and apply it to targeted text.

Learn how to create and customize hyperlinks in HTML using the opening and closing anchor tags, including text, target destinations like Google or Amazon, and how the link changes color.

Learn to insert and edit images in HTML using the img tag with a src attribute and a responsive class. Switch images from your folder and review image markup.

Learn to create lists in HTML, including unordered lists and ordered lists, with ul, li tags, and type options for lowercase, numbers, or roman numerals.

Explore how HTML paragraph tags and br tags control spacing, including closing tags, and when to use br to move text to the next line for a better layout.

Learn to align content and images using the center tags in HTML, understanding opening and closing center commands, how removing them shifts items to the left or right.

Use HTML comments to annotate your code with <!-- ... --> text that is visible to editors but not on the page, and remove stray tags to avoid extra space.

Learn to embed another page using html iframe tags, specify the source, set height and width in pixels, center the frame, and anticipate scrolling bars while previewing in the editor.

Conclude by applying practical website skills: manipulate text and colors, edit images and headings, recognize HTML, and explore WordPress and sales pages with buy buttons.

Discover practical html usage for embedding with embed codes across platforms like YouTube, podcasts, iTunes, affiliate networks, and payment buttons, and see how small html knowledge enhances WordPress projects.

Control iframe dimensions by adjusting height and width in your code, observe how reversing values changes the frame, and see how resizing with save and re-upload affects the visible area.

Explore how div tags subdivide a page, assign classes and elements to divisions, and trace closing tags to understand alignment and page structure.

Learn to embed YouTube videos on your site using the share and embed codes, customize autoplay and controls, embed playlists, and set start times, captions, and privacy options.

Discover how to work with affiliate networks by embedding html links and banners on your site, copying link code, and tracing the image source and your affiliate and offer IDs.

Learn to create and embed iTunes podcast links using the link maker, HTML embed code, and widgets, including images and iFrames, to direct visitors to your podcast.

Learn to embed PayPal payment buttons on your site using HTML code or email links, customize the button, and connect it to your account through image links.

Copy the HTML button code from Warrior Plus, insert it on your page, and preview the payment link, button appearance, countdown timer, and email integration.

Learn to embed JVZoo payment buttons, choose between hosted and custom buttons, and update image sources for WordPress to ensure clickable links and accurate tracking.

Build an opt-in form to collect names and emails for an email marketing list. Choose between raw HTML or a JavaScript snippet, with changes reflected automatically wherever embedded.

Learn how to customize a sales page header by replacing header.png and header_bg.png files in the image folder, ensuring matching dimensions for a seamless full-page header.

Inspect the image tag on sales pages, swap the file name or replace the image, upload to the server, and make images clickable by adding a hyperlink through image properties.

Learn to embed a YouTube sales video into an HTML sales page using a WYSIWYG editor, customizing the embed to autoplay and hide controls, titles, and suggested videos.

learn to style text in a sales page using html headings, underline, bold, italic, and color in a wysiwyg editor.

Center content on sales pages by wrapping lines with a center code to align text and images, creating the desired layout.

Learn to integrate an existing add to cart button into your sales page using HTML, copy the code, insert it, and center-align for proper display.

Learn to create a web page in microsoft word by dragging and dropping an image, saving as a filtered web page named index, and uploading via ftp for browser viewing.

Explore the WordPress file structure, including admin, wp-content, and wp-includes, and inspect plugins, themes, and uploads to analyze and emulate a site's web presence.

Learn to view a site's html and source code in Chrome, Firefox, or Edge using developer tools, identify WordPress sites and plugins like Akismet, and recognize Google Analytics.

Apply practical HTML techniques to email pages, affiliate networks, PayPal buttons, autoresponders, create a page from Microsoft Word, and inspect WordPress file structures and source code in a browser.

Explore sea panel, the website control dashboard, to manipulate settings without coding and access the hosting server. Navigate subpanels to manage website administration and essential setup tasks.

Learn to access and navigate cPanel, log in securely, and manage domains, files, databases, email, metrics, and security settings to build your business website.

Explore the files section to manage your server assets: create image thumbnails, resize and convert formats, set directory privacy with usernames and passwords, view disk usage, and navigate subdirectories.

navigate the file manager to view and manage your server files, including WordPress directories, plugins, themes, and uploads; upload, download, rename, and edit files with HTML editor and search.

Learn to manage website backups with the backup system and wizard, including full and partial backups, MySQL database backups, and restoration workflows.

Create ftp accounts to grant collaborators limited access to specific parts of your hosting without sharing your login. Real-time ftp connection monitoring helps you detect unauthorized activity on your domain.

Master domain management in cPanel by configuring add-on domains, subdomains, aliases, and redirects, while verifying host settings and using the zone editor to set text and CNAME records.

Use the domain section's site publisher to create a quick placeholder website during development, choosing templates like about me, business, or personal. Publishing overwrites the directory, so proceed carefully.

Explore subdomains by creating a subdomain that points to a subdirectory, such as videos on your domain, making it appear as a separate site with files stored in that subdirectory.

Explore the email section to configure routing, autoresponders, forwarders, and authentication (SPF, DKIM) for your domain; learn to set up filters, delivery tracking, and default addresses.

Create email addresses in the emails section with a password and mailbox quota, then access webmail and configure clients for Microsoft Live Mail, iPhone or iPad, Exchange, or Outlook.

Set up email forwarders to route messages from a specific address to a monitored inbox, and configure domain forwarders to send domain emails to a default address.

Enable Apache spam assassin in your inbox, set the filter threshold from the default five, enable auto delete, configure blacklist and whitelist, set the required score to nine, then save.

Explore the website metrics system to monitor visitors, errors, bandwidth, raw access logs and archive data, visualize statistics, and customize insights with the metrics editor.

Enable hotlink protection to prevent direct linking and protect bandwidth, work with your host to configure extensions and allowed pages, then submit to enable protection.

Block specific IP addresses or ranges with the IP blocker, verify the address, and leverage leech protection linked to directory privacy to enforce login limits and email alerts.

Enable update notifications for WordPress via the site software tool, including creating a subdomain, an admin user, and blog details. Manage the installation with a database and uninstall options.

Explore the advanced section of cpanel to configure cron jobs, DNS lookups, trace routes, and customize error pages, as well as configure apache handlers and mime types.

Manage panel access and appearance by changing the password, language, and style; update contact information and review FTP and other access via the user manager for Subpanel.

Explore Fantastico in the panel and see how automatic script installations for blogs and customer support tools, including live chat apps, streamline setup on your domain.

Manage domains and hosting with the file manager and ftp, configure domain forwarding, and secure sites with ip blocker and hotlink protection, while monitoring emails and installing apps with fantastico.

Explore Fantastico’s installer scripts and categories to install programs like OS Ticket and WordPress with a click. Learn to configure settings, language, notification emails, and manage installations from control panel.

Learn to install a WordPress website using Fantastico, choose the install directory, set up username, password, email, and site title, and explore two factor authentication and plugin manager options.

Explore ad management installations, install and evaluate options like Ormonde classifieds and main ads, log in, set up classifieds, and troubleshoot by reinstalling or choosing alternatives.

Use analytics apps to view server and system insights, install Fantastico, submit data, and explore related installations in the suggestions area to see how your server interacts with your site.

Install the booked scheduling app, set up your directory with username, password, email, and site name, then log in to manage events and appointments on the calendar online or offline.

Explore how to install and configure the live chat feature, including front-end and back-end access, admin controls, and basic chat room management with an online manual.

Install OS Ticket via Fantastico, log in to the admin panel, configure management emails and agents, complete your profile, and access the home page, forums, and documentation.

Explore the e commerce section, focusing on shopping carts and the purchase process, with OpenCart setup via Fantastico, installation, admin access, and configuring payment gateways.

Explore project management applications and evaluate updates and a supportive community on the home page. Install Thing Office, create credentials, log in, and access features with support and documentation.

Explore learning management systems for online classrooms, focusing on Tutor as an open source alternative to Moodle; set up an account, configure a site, and access community support.

Install phpBB via Fantastico to set up an online forum, then log in to start using it. Explore the home community documentation and support for further configuration details.

Learn to manage images with Fantastico's image galleries, protect and display photos, use a database-free gallery, and install a photoblog by entering directory, credentials, and blog details.

Discover how MediaWiki enables collaborative content creation, installation via Fantastico, and setup with username, password, email, and site name, with access to community documentation and support.

Explore how the podcast generator script on your website creates iTunes feeds. Install with credentials, upload and edit episodes, and consult the documentation to configure your feed.

Install clip bucket, an open-source video sharing platform, to create a video sharing site with pay-per-view income, via Fantastico. Log in to the admin area to upload and manage videos.

Explore Fantastico's five gaming platforms, including shadows rising and the free arcade script, and learn how cloud realms installs via a guided backend setup.

Explore advanced guestbook setup in Fantastico, install a new copy in a directory, configure credentials, and access the front end and admin area with a support forum for guidance.

Learn to install and use the feed on feeds rss system with Fantastico, including creating a directory, entering credentials, and verifying installation to consolidate news sources.

Install and configure Citrus CRM (Citris DB) inside Fantastico, then set up directory, username, password, and admin access to manage client relationships, billing, and subscriptions.

Explore how to install and manage web applications that connect to your database, organize them in directories, and verify updates, documentation, and support for a scalable business website.

Conclude by building a website using no-code tools, WordPress, and Wickstead HTML C panel. Complete landing page, share it for feedback, and iterate with traffic, conversions, and A/B testing.