#webdesigncompanylondon

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

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

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.

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.

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

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.