Jun 18, 2025
Website Design & Development Services in the UK
Looking for expert web design and development services in the UK? Excellon Digital creates powerful, user-friendly websites that grow your business. Get a free consultation today!
seen from Japan
seen from United States
seen from Canada
seen from Germany
seen from Germany
seen from Malaysia
seen from United States
seen from United States
seen from Russia
seen from United States
seen from Canada
seen from Germany
seen from United Kingdom
seen from Canada
seen from China
seen from Canada
seen from Canada
seen from United States
seen from United States
seen from United Kingdom
Website Design & Development Services in the UK
Looking for expert web design and development services in the UK? Excellon Digital creates powerful, user-friendly websites that grow your business. Get a free consultation today!
In this video tutorial, I will show you how to create a custom Google Map with Route Planner and Location Markers. Custom Google Maps are great if you want to share a planned route with friends, clients or family.
How to upload multiple videos in one post on Facebook video tutorial
Custom Google Maps are great if you want to share a planned route with friends, clients or family. I often use a Google Maps Route Planner when I am on holiday to make sure I get to see all the places using the quickest quote possible. I have also used a custom Google Map to build a charity walking route for a client project. The map was embedded on the client's website and also sent out as a link via email to participants.
If you are not sure how to get the map working on your website, then simply contact your web designer for assistance or watch this tutorial: How to embed Google Map on your website
Watch my free video tutorial for how to creating a custom Google Map with Route Planner and Location Markers.
Video Tutorial Content
Create a Google account
Go to Google Maps: https://www.google.co.uk/maps
Select "Your places" option from the menu
Select "Create Maps" from the Maps Tabs
Zoom in to your start location on Google Map
Add a title for Map and optional description
Select the type of route - In this tutorial, I will use "Add walking route"
Single click on the Map to mark the start location
Start to draw the route on Map / Tip: Hold down the left mouse button to move the map
Double left mouse click to mark the endpoint on your Google map
Add a new layer then add a custom marker for displaying a stop-off point or point of interest / Tip: Add a custom icon
Add a custom image for the new marker on the map
Add a title for custom marker
Add a new layer to create a new path to a different location from the last endpoint
Find a point on the new path and click to adjust the path
Give the new path a title
Click preview to display demo custom map
Click the share button
Select the correct sharing option for your map:
Option 1 - Copy the map URL and send it to someone via email or social media post
Option 2 - Click "Embed on my site"
On - Public on the web - Anyone can find and access a map
On - Anyone with a link - Anyone who has the link can access
Off - Share with specific people
#dcpweb #websitedesign #websitedevelopment #webdesigncompanylondon #affordablewebdesign #websitedevelopers #digitalmarketingcompany #smallbusinesswebsites #corporatewebsitedesign #ecommercewebsitedesign #emailmarketing #marketingautomation #smallbusinessmarketingstrategies #digitalmarketingagency
In this video tutorial, I will show you how to add categories for products to your WooCommerce Shop. I will show you how to add both main and subcategories for your products.
How to set up product categories in WooCommerce video tutorial
Below, you can view a step-by-step video tutorial guide on how to set up product categories in your WooCommerce store.
Note: In this tutorial, I will be using the latest version of Flatsome WooCommerce Theme.
Video Tutorial Content
Introduction for setting up WooCommerce product categories.
Log in to the WooCommerce admin control panel and select "Products" / "Categories" from the left side menu.
Add a new main product category.
Update navigation with a new category.
Update category metadata.
Add a new product subcategory.
Summary overview.
Link: https://www.dcpweb.co.uk/blog/how-to-add-product-categories-in-woocommerce
#dcpweb #websitedesign #websitedevelopment #webdesigncompanylondon #affordablewebdesign #websitedevelopers #digitalmarketingcompany #smallbusinesswebsites #corporatewebsitedesign #ecommercewebsitedesign #emailmarketing #marketingautomation #smallbusinessmarketingstrategies #digitalmarketingagency
In this video tutorial, I will show you how to product tags in your WooCommerce Shop. Products tags in WooComemrce can be used to group selected products. Tags can also be used to denote specific features of a product which are not listed in the product title or description. Often tags can be used to help customers filter a product by colour.
Video Tutorial Content
Introduction for tagging WooCommerce product listings. Log in to the WooCommerce admin control panel and select "Product" / "Tags" from the left side menu. Edit a product to start adding tags. Test new tag by using the search bar in WooCommerce shop. Create a tag cloud. Update tag cloud position on the footer of the website shop. Add tags directly to the Tags page in WordPress. Summary overview.
Link: https://www.dcpweb.co.uk/blog/how-to-use-product-tags-in-woocommerce
In this video tutorial, I will show you how to convert an MP4 Video to Gif Animation. This can be a useful technique if you want to share short video clips on social media with small file sizes. This also works well with chat applications such as WhatsApp, Facebook Messenger, Twitter Posts, Facebook Posts and YouTube Community Posts.
Video Tutorial Content
Introduction for mp4 to gif animation. Calculate the aspect ratio for gif animation to reduce file size. Open the mp4 file using the online converter website. Set the resolution size for the exported gif file. Click the convert button to start mp4 to gif conversion. Download the converted gif animation file. Test converted file in a web browser. Example gif animation in a Twitter tweet. Example gif animation in a Facebook post.
Watch video tutorial here: https://www.dcpweb.co.uk/blog/how-to-convert-mp4-video-to-gif-animation
How to add product variations in WooCommerce
Below, you can view my step-by-step video tutorial guide on how to add product variations to your WooCommerce shop.
Note: In this tutorial, I will be using the Flatsome WooCommerce Theme but the logic of the tutorial can apply to any other Theme.
Video Tutorial Content
Tutorial introduction for adding WooCommerce product variations.
Log in to the WooCommerce admin control panel and select "Attributes" from the left side menu.
Enter a name for the product attribute.
Select the "Configure terms" link.
Add some new attribute terms.
Re-order attribute terms.
Select "Products" from the left side menu and edit a product.
Select the "Attributes" option.
Select the "Variations" option.
Add price and SKU for all product variations.
Select the "update" button and then the "Preview Changes" button.
Test product with the new variations.
WooCommerce Frequency Asked Questions
What is a product variation in WooCommerce?
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.
Can product variation in WooCommerce have different costs?
In your eCommerce shop, each variation created is unique and can be assigned a different cost. For example, a small product may be cheaper and than an extra-large product.
Can products contain more than one type of variation in WooCommerce?
In WooCommerce each product can be assigned multiple variations, for example, a T-Shirt may be available in different sizes and also different colours.
What is the best WooCommere Theme?
This really depends on the types of eCommerce store you are planning to create. At DCP Web Designers we use the Flatsome Theme as this theme is highly customisable.
Article Original Publication URL: https://www.dcpweb.co.uk/blog/how-to-add-product-variations-in-woocommerce
Article created by: Pankaj Shah | DCP WooCommerce Web Designers
Wedowebapps is Web Design Company London and Web Design Company in London offers exclusive web design services, eCommerce development, website design & web development.We are a full digital service providing E-Commerce, App development and online marketing mail at [email protected]
Web Design Companies in London | Web Development Company London | CreateABusiness
Marketing perspective of website design
When websites need to contend with the cutthroat promoting, it might be effective if each a part of the web site should be developed consistent with the market desires. On the various dimension, website coming up with play an important role in the performance of any website. Therefore, the subject of this text is to explain the promoting perspective of a web site style. Below square measure the few essential promoting tips that Web Design Company London placed on their priorities.
Beauty Vs Purpose
What reasonably website becomes prospering: the one with lovely appearance or the one with nice functionality? A designer ought to have a transparent perception of the factors that effectively build a website successful. Beauty may be a strength of any website, however, it doesn't mean that it's everything. once it involves selected from beauty and purpose, one ought to provide priority to the aim of the website. web site in simplest layout additionally appearance beautiful; it's the Designer to make AN aesthetic design while not compromising the practicality of the website.
Responsive website design
It has been calculable that around sixty percent of traffic comes from mobile phones. Therefore, you can not afford to lose those guests. Moreover, Google with its Mobilgeddon algorithmic program update prefers to indicate those websites 1st that match on mobile phones. Therefore, once the users browse the net from their mobile then they're going to get those websites that have responsive website style.
Call to action
A designer should think about each in. of the website and style them in motive to convert the guests into patrons. a decision to action could be an only technique to extend the conversion rate. It ought to be placed somewhere on the complete web site.
Popup
Nothing attracts the maximum amount attention of the users because of the popup on an internet site. It forces users to browse that is effective to introduce one thing gorgeous to the users. The popup should be precise and engaging to patrons.
Precise content and clear design format
The font of the content on the website should be legible and precise. typically the author and designer need to add collaboration to create a format that makes a bicycle-built-for-two between coming up with and writing. the website should have enough data that insists users build the acquisition.
Market research
Before all of them, it's necessary to know the shoppers. a website designer should produce a design that tailored according to the shoppers. A deep analysis of the market let the designers draw the idea of design that converts additional consumers.
Join Create A Business for aesthetic and commercially successful website design.