Skip to main content

Posts

Showing posts from July, 2023

Featured Post

How to create customizable products in Shopify for Free (No coding!)

By
Creating customizable products in your Shopify store not only increase your customer satisfaction, it also increases your conversion rate.  Here is a method to add custom options for your Shopify product and convert it into personalized product - Go to Shopify store page and search for "Advanced Product Customizer" app or you can directly the the Shopify app page by clicking on this link Advanced Product Customizer . Install  Advanced Product Customizer  app for free in your Shopify store  From the application dashboard, enable to app embed block to complete the installation process Click "Product Custom Options"  From the Shopify products list, select the product on which you want to add custom options. Advanced Product Customizer  offers Image Swatch, Color Swatch, Text box, File Upload, Radio, Checkbox, Date Picker and more. Here is the a demo video for adding custom option for a Shopify product -
Post a Comment
Read more

Edit Packing slip in your Shopify store

By
In this video we are going to show you how to edit Packing slip in your Shopify store along with demo of adding logo image in the packing slips Following topics are covered in this video - 1. Introduction to Packing slip. 2. Things included in packing slips. 3. Creating packing slip in Shopify admin. 4. Checkout the default template of packing slips. 5. Edit packing slip template by adding a logo image.
Post a Comment
Read more

How to setup Google Analytics 4 in Shopify : Beginners Guide.

By
Recently Google Analytics is moved to Google Analytics 4. As a Shopify store owner it is important for you to analyse the traffic which is coming to your Shopify store. Here is a demo video for the beginners to setup Google Analytics 4 account and connect the same to Shopify online store. In this video we are going to show you how to setup Google Analytics 4 in your Shopify store.  Following topics are covered in this video - 1. Setup Google Analytics account. 2. Create Google Analytics 4 property in Google Analytics account 3. Generate Google Analytics tag Id for our Shopify Store. 4. Connect Google Analytics account in the Shopify Store. 5. Select Google Analytics 4 property in the Shopify admin. In are some useful links - Create Google Analytics account - https://support.google.com/analytics/answer/9304153 Set up the Google & YouTube channel on your Shopify store - https://help.shopify.com/en/manual/promoting-marketing/create-marketing/google/setup #shopify #shopifythemes ...
Post a Comment
Read more

How to auto play video in mobile browser HTML

By
HTML provides <video> tag to embed any video in the webpage. Here is a sample of video element usage that will embed a video in your web page: <!DOCTYPE html> <html> <body> <h1> The video element </h1> <video width= "320" height= "240" controls > <source src= "[url to your video]" type= "video/mp4" > Your browser does not support the video tag. </video> </body> </html> Autoplay video in HTML web page - For the desktop devices you can simply autoplay attribute in the video tag to autoplay the video once the webpage is loaded. Sometime, it can happen when our try to autoplay video in mobile browser then instead of autoplay it just shows you a blank thumbnail. In this case you will need to use muted attribute as well.   Here is sample code for the same :   <!DOCTYPE html> <html> <body> <h1> The video element </h1> <video w...
Post a Comment
Read more

Get previous sibling HTML element using Javascript code

By
 Sometimes we requires in get previous sibling element in the HTML code and perform some operations in it like inserting any other element or get the innerHTML of previous element. We can do this using 'previousElementSibling' property of JavaScript. Here is the sample HTML and JavaScript code for the same. Get Previous Sibling HTML element : <html> <body> <div id= "firstDiv" > </div> <div id= "SecondDiv" > </div> <script> //this line will return the first div let firstDivEle = document .getElementById( "SecondDiv" ).previousElementSibling; </script> </body> </html> Here is the example to insert any element in the preivous sibling HTML element - <html> <body> <div id= "firstDiv" > </div> <div id= "Secon...
Post a Comment
Read more