Pankaj Shah web agency director in London with over 20 years of experience in web design and project management
Do you want an awesome website for your business?
Yes I want an awesome website

Website Design Video Tutorials, Web Design Tips, Articles & infographics

Watch video tutorials and read articles about website design. Learn about popular web design tools like WordPress and WooCommerce. Improve your website by following easy step-by-step video tutorials and articles.

In this video tutorial, I will show you how to set up free shipping in your WooCommerce shop. A free shipping method can be set up in WooCommerce which allows a customer to select free shipping if they have purchased products to a specified value.
In this video tutorial, I will show you how to enable a sticky header in your WooCommerce Shop. A sticky header allows the top section of your website to be viewed as a user scroll down a page on both desktop and mobile view. The header section will normally contain your company logo, the search bar and the main navigation.
In this video tutorial, I will show you how to back image fade in your WooCommerce shop category pages. Back image fade on product listings allows a user to hover over a picture and automatically see a different view of the product. At DCP we often use this feature when building a website that contains clothing items. The back image fade can be used on any type of product listing which has more than a single image. 
In this video tutorial, I will show you how to add products variations to your WooCommerce Shop. Product variation is WooComemrce allow you to add custom attributes to a product. The attribute terms are stored in a collection, this allows the collection of attributes to be used on many products in your shop.
In this tutorial, I will show you how to add products to WooCommerce shop page. In WooCommerce there are options to add both simple products and product variations. Before you can add products to your e-commerce website, you need to go through the basic WooCommerce setup wizard. Adding products to your WooCommerce website is super simple once you know how to complete this task. A good option is to also install Yoast Duplicate plugin so you can copy an existing product are re-use the base for a new product. This will help speed up the data entry on your website.
The internet is the place that can make you or break you. You need to be inventive when you have a small business and potentially no advertisement budget. Also, as a consumer, looking for a service, many people naturally Google Search what they need and then look at the site top listings.
In this tutorial, I'm going to show you how to embed a Google map onto your website page. We will use the source code editor to embed the Google Map code which will display on a contact page.
A website is the first entry point for a web visitor, and although first impressions count a great deal, the only way to make a lasting impression is to make it more credible in the eyes of your potential customers. Here are some pointers that up the ante on website credibility!
If you running a business then having a clearly placed contact phone number is essential. Have you ever been to a big corporate company website and all you want to find is a contact number, you are already stressed and then you have to trawl through pages to try and find a customer support number, this can be extremely frustrating so give your customers a simple way to find your contact details and improve your visitor experience.
Landing pages are exactly what the words mean - the place that users land on when they are coaxed into visiting your website. Needless to say, they’ve got to be impressive enough to hold their attention and make them want to probe further, stay around and buy.
The technological advancement has brought with it the popularity of certain devices, that couldn’t have been imagined as a channel for web browsing and purchasing, a decade back. But, today if you don’t own this device known as the smartphone, then probably half of your daily life gets affected.
So you’re planning on distributing your products to a global consumer market via your e-commerce website. This article is written for UK-based businesses distributing products overseas however this article can be used by businesses in other locations.
The ultimate aim of any business is to convert window shoppers to actual customers. People visit a website, browse its content and you want them to turn into potential customers.
SEO is all about increasing traffic to websites, being ranked higher by search engines and also about making search engine results more relevant to user’s search queries. There is so much of information about SEO that’s doing rounds just now that sometimes it becomes difficult to sift the chaff from the grain. Optimizing pages for SEO is the bane of every website owner- so let’s take a look at how we can do that without being overwhelmed.
In simple terms, the goal of Conversion Rate Optimisation is to generate more sales from website visitors. Your goal with CRO is not to get more traffic but to convert the current traffic into more paid customers. There is no point randomly making changes to your website to improve your Conversion Rates. You need to take a logical and methodical approach.
In this tutorial, I will show you how to password protect a directory using Cpanel. During the development of a website project, you may want to protect a website for being viewed until the project is completed.
In this tutorial, I will show you How to Setup Email Account in Cpanel. Creating business email accounts using Cpanel is as easy as "123".
In this tutorial, I will show you how to make a full backup of a website using Cpanel. Backing up your website is extremely important. Even if you have an automated back up solution with your website hosting provider, I would still suggest making your own backs to be super safe.
Learn how to add comments in CSS files, improve code readability, support team collaboration and use better CSS naming conventions.
Learn how to use CSS ID selectors in HTML5 to style unique webpage elements and understand how IDs work with JavaScript and forms.
Learn how to use DIV tags in HTML5 and CSS3 to structure web pages, organise content and apply CSS styling more efficiently.
Learn how to create a basic website using HTML5 and CSS3, including folder structure, CSS styling, classes and webpage layout design.
Learn the basics of CSS for HTML5 web development, including styling, layouts, colours, fonts and how CSS works with HTML pages.
Learn HTML5 and CSS3 basics by creating an Andromeda Galaxy web page with images, tables, videos, maps and structured content.
Learn how to add audio and video to web pages using HTML5 media tags, including MP3 and MP4 players with practical examples.
Learn how to use IFrames in HTML5 and CSS3 to embed websites, web pages and videos with practical examples and code snippets.
Learn how to use HTML entities and special characters in HTML5, including copyright symbols, trademark icons and special text codes.
Learn how to create URL links in HTML5 using anchor tags, including external links, internal links, image links and page anchors.
Learn how to create tables in HTML5 with rows, columns and borders while organising website data using beginner friendly examples.
Learn how to create HTML forms using HTML5 and CSS3, including input fields, checkboxes, dropdowns, radio buttons and validation.
Learn how to validate HTML5 code using W3C validation tools, fix common errors and improve website code quality and standards compliance.
Learn how to add images to web pages using HTML5 and CSS3, including IMG tags, alt text, image paths, resizing and alignment.
Learn how to create ordered and unordered lists in HTML5 and CSS3 with examples of list tags, bullet styles and numbering formats.
Learn how to use basic HTML formatting tags including strong, em, sup, sub and del in this beginner HTML5 and CSS3 tutorial.
Learn how to use paragraph tags in HTML5 to structure website content, improve readability and support SEO and web accessibility.
Learn how to use HTML5 header tags from h1 to h6 to structure web pages, improve readability and support better SEO performance.
Learn how to build a basic web page using HTML5 and CSS3 with this beginner friendly tutorial covering HTML structure, tags and setup.
Learn how to install free web design software including Google Chrome, Notepad++ and Brackets for HTML5 and CSS3 beginners.
In this video tutorial, I will show you how to install Note Pad ++ onto Windows 10. Note Pad ++ is a windows based text editor for programming, think of it as a super upgrade to standard note pad on your Windows 10 computer. I often use Note Pad ++ when I need to make quick HTML or CSS edits for website projects.
In this video tutorial, I will show you how to install XAMPP on Windows 10. XAMPP is a free and open-source cross-platform web server solution. XAMPP consists of Apache HTTP Server, MariaDB database, and interpreters for scripts written in the PHP and Perl programming languages.
In this video tutorial, I will show you how to switch PHP5 to PHP7 using WHM. PHP7 provides a new set of powerful and secure functions to improve your PHP coded websites.
In this video tutorial, I will show you how to fully back up a website using Cpanel. Keeping a backup of your website is an important task which should be completed at a minimum on a monthly basis.
In this video tutorial, I will show you how to set up email forwarding using Cpanel Webmail. Email forwarding allows you to simply make a copy of an incoming email and send it to another email address. For example, you may want to forward accounting-related emails to your accountants or if you are going on holiday you can forward emails to another member of staff.
In this video tutorial, I will show you how to unblock an IP address using the WHM Web Hosting Manager. Are you running a website design business or using Linux-based hosting? Sometimes an IP address can get blocked on a web server and this can be for various reasons. In most cases, it is because an incorrect password has been typed in multiple times for an e-mail address or Cpanel account.
In this video tutorial, I will show you how to set up email forwarding using Cpanel Webmail. In this video tutorial, I will show you how to increase bandwidth and disk space for CPanel account using WHM. If you are managing multiple websites based on a Linux server then there is a good chance that you will be using WHM (Web Host Manager) to manage your hosting accounts.
As a web developer or designer, you need to keep track of the latest trends to ensure you clients are getting the best possible web solutions.
Check out these 42 awesome stats complied by Red Web Design and learn something new today. The stats cover a wide range of information such as visitor engagement, web development for mobile devices, content layout....
In this video tutorial, I will show to create email accounts using Cpanel. If you are using a company for Linux website hosting, then there is a good chance that you will be using Cpanel for managing your website. Setting up email accounts is super easy using Cpanel. You can allocate a specific amount of disk space for each email account, set up email forwarding, connect emails to any mail client, set up email forwarding and much more.

This website (dcpweb.co.uk) uses cookies to improve your browsing experience and help us understand how our site is used. By continuing to browse this website, you agree to our use of cookies.

To learn more about how we collect, use, and protect your data, please read our Privacy Policy.

DCP Web Designers is one of London’s most established web design companies.

Since 2004, we have designed and developed websites for companies across a wide range of industries, from local service businesses to ecommerce brands and professional organisations.

Our focus is on creating websites that not only look professional, but also perform well in search engines, attract the right audience and support long-term business growth.

If you are looking for experienced web designers who understand how to build websites that deliver real results, our team is here to help.

Privacy Policy

Last Updated: 01/07/2024

Different Colour Productions Ltd (“we,” “us,” or “our”) is committed to protecting your privacy. This Privacy Policy outlines our practices concerning the collection, use, and disclosure of personal information when you visit our website or engage with our services. By using our website and services, you consent to the terms outlined in this Privacy Policy.

1. Information We Collect

We collect various types of information to provide and improve our services. The types of information we may collect include:

1.1. Personal Information: This may include your name, email address, phone number, and any other information you provide when you contact us, request information, or subscribe to our newsletter.

1.2. Log Data: When you visit our website, we automatically collect information, such as your IP address, browser type, pages visited, and the time and date of your visit.

1.3. Cookies and Similar Technologies: We use cookies and other tracking technologies to improve your experience on our website. You can adjust your browser settings to reject cookies or be alerted when cookies are being used.

2. How We Use Your Information

We use the collected information for various purposes, including:

2.1. Providing Services: To provide web design and related services you have requested from us.

2.2. Communication: To respond to your inquiries, send updates, and provide customer support.

2.3. Analytics: To analyse and improve our website and services, as well as monitor usage patterns.

3. Information Sharing and Disclosure

We do not sell or rent your personal information to third parties. However, we may share your information with third parties under the following circumstances:

3.1. Service Providers: We may share your information with trusted service providers who help us deliver our services, such as hosting providers, analytics providers, and marketing services.

3.2. Legal Obligations: We may disclose your information when required by law, to comply with legal processes, or to protect our rights, privacy, safety, or property.

4. Your Choices

You have choices regarding your personal information:

4.1. Access and Update: You can access and update your personal information by contacting us.

4.2. Marketing Communications: You can opt out of receiving marketing communications from us by following the unsubscribe instructions in our emails or emailing [email protected]

5. Security

We take appropriate measures to protect your personal information from unauthorised access, disclosure, alteration, or destruction.

6. Links to Other Websites

Our website may contain links to third-party websites. We are not responsible for the privacy practices of these websites. We recommend reviewing their respective privacy policies.

7. Changes to this Privacy Policy

We may update this Privacy Policy from time to time to reflect changes in our practices. Any changes will be posted on this page, and the date at the top will indicate the latest update.

8. Contact Us

If you have any questions or concerns about this Privacy Policy or our practices, please contact us at: [email protected]

By using our website and services, you acknowledge that you have read and agree to this Privacy Policy. Different Colour Productions Ltd is committed to safeguarding your personal information and respecting your privacy rights.

ThreeBestRated Top 3 Website Designers in London 2026 award for DCP Web Designers Certificate