EComposer Landing Page Builder

BACK

Home Shopify App EComposer Landing Page Builder

EComposer Overview - Getting Started with EComposer- Next Generation Shopify Page Builder

hi guys welcome to a composer unbolting,tutorial,this video will show you how you can,easily get started with the composer the,next generation of shopify page builder,first of all let's take a look on the,app dashboard,at the left hand side you can create,different title page include landing,page,home page product collections etc and,unlimited section,and if you have any questions while,using the app you can chat with our,support anytime by clicking on this live,chat button,you can also view all of our document,here,and on the right hand side are all the,latest chain of app versions,our faqs,and you can request the features that,you wish to have in the app,you can also easily see your current,plan here and click pricing plans to,view more details,now let's move to the most exciting part,create a new page,head over the page section,click on create page button,alright welcome to a composer page,editor,let me walk you through on how it works,i will start with the top bar first,here are the template libraries,you can access all the pre-made,template from your composer,you can also see the section template,here,and view your save template here,let's say if i want to apply a template,to the page that i am building now,i can preview it here and click insert,now,so it overrides my page already and,here's how it look,next to the template library is the,extension library,this is the unique features in the,composer,in which we provide a lot of built-in,add-ons that will make your store more,powerful,and also e-composer is integrated with,the top shopify apps to make your,functions work smoothly together,here is how you can optimize your page,for different devices,and one of the interesting features is,that you can use global colors and,global typographies to design your,elements,for example if i want to,add a custom font,then i can just easily upload my phone,here,and also if you want to design your page,uniquely you can add some cs code and,javascript code here,next you can preview your page publish,this after you finish with the designs,or simply save a drive save to your,library,now moving to left hand side,at the navigator tabs you can see the,whole outline of your page,you can add more section,or hide exception,and then change the position of it,at the element tabs,it includes basic elements from,e-composers shopify elements single,product elements add the page element,and your extension element that you can,simply add to your page,let me show you how it works exactly,for example if i want to add a text,element to my page,i just simply drag and drop,the element,to the position that i want,and when you clicked to your element,you can customize its contents and,designs at the left hand side,and here come the most youfun function i,want to share with you,when you right click on an element you,can easily duplicate it,or just copy,and paste your element at any position,that you like,in case you want to keep the different,element of the same style you can us

The above is a brief introduction to EComposer Landing Page Builder

Let's move on to the first section of EComposer Landing Page Builder

How to Create Sticky Add to Cart in EComposer Landing Page Builder

hi I'm Eric from equal poster Shopify,page builder Welcome to our tutorial,Series today I'm gonna share with you,about one of the most stunning extension,of the composer and that is the autocar,extension well in this video we will fly,down how it's work and what is function,firstly stick out to car extension shows,an elegant sticky bar at the bottom on,the product pages that help customers,fight quickly and add a product to the,card whenever they want now let's jump,to installed extension and manage this,setting before we start I have to notice,that the extension will only work on,product pages early,so you have to build your own product,pages previously or you can use a,provided template on the template,library on the top bar of the editor,here these two pages then you have to,choose paid category,what you have to hover on your favorite,template and click insert now,okay so this is the outcome,now let's come back to the main topic to,install the extension please click on,the extension library on the top bar of,the editor,in here you can see sticky auto car,extension,please click install now,congratulations the extension has been,installed,now let's come to this setting,in the setting option of this extension,we have it will stick Accord this option,will decide whether stick out to car,Option working or not,next with this survival pile this option,would prevent the extension to appear on,mobile view so customers who use mobile,phone is unable to see the extension,the next is image size we provide four,different size,first one is done,default Compact and the last one is,medium,in the layout option we provide simple,you can choose simple to show the main,thing like quantity or ATC button,and you can set full swatch for showing,all variants that you set for that,product,now let's save,okay it's done let's come back to the,editor,now I will publish the template,it's done let's view the template,okay let's take a look on the lead page,after install sticky onto card extension,and you can see the extension working in,here as I have scroll the page downward,finally that's all if you have any,question feel free to leave a comment at,support at the,composer.io or join the community to get,support and the latest updates I'm,putting the details on the description,below see you again on the next video,goodbye

After seeing the first section, I believe you have a general understanding of EComposer Landing Page Builder

Continue the next second section about EComposer Landing Page Builder

How to use Shopify Annoucement Bar Extension? - EComposer Landing Page Builder

hi I'm Eric from a composer Shopify page,builder welcome to e-composer extension,tutorials today I will share with you,how to show the announcement bar on your,Shopify store using a composer extension,to begin with the announcement bar is a,small bar that often shows at the top of,your Shopify store with customizable,content they are usually used to tell,visitor about a promotion of new stuff,alert or a specific product you've gotta,sell,before we install the extension I must,say that this extension can work on the,whole website which means you can apply,it on every page type the composer now I,will spend some time to build my,template first,okay so this is the outcome now I will,install the extension from the extension,library on the top bar in here you can,see announcement bar please click,install,congratulations the extension has been,installed here you can see enable,announcement bar this button will allow,you to show the announcement more,extension on your store next you have,content setting you can write any,content you like or you can use provided,content in here,we also provide enable close button you,can decide to show the close button or,not with this option,next we have icon setting,this option allows you to choose one,specific icon to apply on the,announcement board on top of that icon,setting also allows you to modify its,icon with the icon color option is also,provided and you can choose the color,which you want in here,next we have style setting we provide,some basic options such as primary,background content color all in color,the style setting can be config by,yourself,the last one is countdown setting,whenever you turn on enable Countdown,the setting option will be shown here,you can set the expiration dates of the,countdown option by choosing one,specific day,then you can set some higher basic,options such as,days hours minute or seconds,and some options as typography,background or color are also provided,and you can Conflict by yourself next,you can click on this button to hide the,announcement bar when the countdown time,is over,now let's see,okay it's done now I will come back to,the editor and publish the template,okay it's done now let's take a look,online page now you can easily see the,announcement bar extension appearing,here is content accompanied by the,countdown is working properly as you can,see,that's all if you have any question feel,free to leave a comment or join a,composer Community to get quick support,and the latest updates I'm putting the,details on the description below see you,again on the next video goodbye

After seeing the second section, I believe you have a general understanding of EComposer Landing Page Builder

Continue the next third section about EComposer Landing Page Builder

How to use Shopify Back In Stock Notifications? - EComposer Landing Page Builder

hi I'm Eric from your composer Shopify,page builder welcome to a composer,extension tutorials in today's video I,will share with you how to add by,installed notifications to your Shopify,store using a composer extension,firstly by installed notifications is,used and restart messages to customer,who recently expressed interest in an,item that was out of stock they will,typically receive an email with a,subject line backstop notice product is,available now or restart notification,when the portal becomes available again,so what are the top advantages of using,this extension,firstly by install notification is,already integrated with the composer,which would affect your page speed that,you use a third Patty app with the same,function secondly you can measure demand,for our stock product based on the,number of customers on the waiting list,who really want to buy this product when,it is restock,you can make more accurate forecasts on,top of that this extension also helps,you to recover your cells whenever your,product is out of stock,so how to show by itself notifications,let file now,the first thing you need to know is that,the extension will only work on the,product page so you need to build your,own product template first,in here whenever you open the editor the,template library of your composer will,automatically appear as you can see so,this time I will choose this template,for my dream page,next I have to click Star Beauty,so this is the outcome now we'll install,the extension,please take a look on the extension,Library,please scroll down,and you can see back installed,notifications please click install,then you have to get back to the editor,on the elements more please scroll down,and you can see extensions,please drag this,and drop in the position you want,now we will manage its setting first one,you can see preview please click change,you have to choose one specific product,to assign,then with the heading you can provide,your customer with extra information you,might want to write down some of the,content in here next we have button,label give you the option to modify the,name that goes with a button we also,provide button animation you might add,more effects to the button with the,eight of this next we also have design,and advanced settings,most of this includes some options such,as general heading including spacing,text Shadow or even typography can be,all set by yourself,now I will publish the template and take,a look of the life size,let's take a look at the live page,let's take a look at the screen,you can see the extension appearing,where the products is Up Style and if,you're buyers you have to fill your,email this form as I do to get informed,where the product is restyled then store,owner will get notifications on the,email with the added to Shopify,you can add store owner email as the,image shown,consequently stock owner will inform,customer who submitted their email in,back and stop notification form,that's all if you have any questio

After seeing the third section, I believe you have a general understanding of EComposer Landing Page Builder

Continue the next fourth section about EComposer Landing Page Builder

How to enable AJAX cart extension? - EComposer landing page builder

hi I'm Eric from your composer Shopify,page builder welcome to ecomposer,extension tutorials today I'm gonna,share with you Aja card which is one of,the most stunning extensions that we,composer,firstly Azure core extension allows you,to control the way your store display to,your customer after they added the,product to the card such as showing card,pop-up or a message or even redirecting,to the checkout page,so let's step forward to see more,clearly how is work and what exactly the,extension will bring to you through a,composer app,the first thing you need to do is view,your own product pages,now you have two Choice first you can,create your own template by using,provided elements in here,or you can apply a composer template for,more easier way,OK let me create my own template then we,will start installing the extension,now please click on the extension,library on the top bar in here you can,see Azure card please click install,afterwards we will manage its setting in,a setting option you can see edible,Archer core please click on this option,to use Azure core extension the next one,is enable all the node which allow your,customers to fill in the Order special,instructions before checkout on top of,that you can easily see the just sale,budget image,in here you can sell like one specific,chart badges,and don't forget to set the image size,I'll click save and come back to the,editor,now please click autocorp,in here you can easily see added to card,then please click on this,you have to set one specific choice for,your customer after they added the,product record this is also the main,function of azure card will provide six,different options for you to choose the,first one is show car pop-up,reload cash,show a message redirect to car page go,to checkout page and the last one go to,special URL now I will choose show card,pop-up because this option will allow,customer to either choose go to check,out or continue shopping okay last but,not least please click publish and view,the lead page,now let's take a look online pitch,here you can see autocorp I will click,in autocorp,you can see it shows the card pop-up as,I have said previously and the outcome,will be different based on your setting,of the Archer core in the editor,that's all if you have any questions,feel free to leave a comment or join a,composer Community to get quick support,and the latest updates I'm putting the,details on the description below,see you again on the next video goodbye

After seeing the fourth section, I believe you have a general understanding of EComposer Landing Page Builder

Continue the next fifth section about EComposer Landing Page Builder

How to use Custom Color Swatches Extension in EComposer Landing Page Builder

hi I'm Eric from a composer Shopify page,builder Welcome to our tutorial Series,today I'm gonna share with you a new,composer extension with the custom color,switches firstly the extension allows,you to add the colors of the product to,the varying picker element,as a result your customers can easily,choose their favorite color of your,product on top of that the extension can,display wherever the varying picker can,be used,so in this video we will find out how,did extension work and what is function,before we start I have to notice that,the extension can work only if the,product had its color variance so you,have to add the color variance of the,fourth app on your store,okay from Shopify admin please click,product,now you have to find your product in,order to add the color variant,foreign,in here you can see options,please click on this,option name please choose color,now it's time to fill the option values,and please remember to add some images,in here,okay it's done please click save,now please come back to the app,okay now it's time to view a product,pages,in here you have two options first you,can view your own product pages based on,our provided template in here,or you can use a provided template on,the template Library,in here please choose paste category,now please hover on your favorite,template and click insert now,okay I have inserted the template,now,please click on extension Library,okay it's extension Library you can see,custom color switches please click insta,now,congratulations the extension has been,installed,now let's explore a setting,in a setting option you can see switch,colors in here this means you have to,add the color and its name had to,similar to the name which you have set,for the product variant previously in,Shopify admin,in here I will add,ocean,as the name I have set for my product of,Shopify admin,okay it's pretty good,okay with the next bearing I have to,feel would,and it's also similar to the name which,I have set for my product previously,okay,now click save,please come back to the editor in here,you can see varying picker,please choose Color Picker in here,after I install the extension you can,see the extension working in here,now it's time to publish,let's view the lead page,okay so this is the outcome you can see,the extension working in here,and you can choose your product variant,as you click on the color variant in,here,finally that's all if you have any,question feel free to leave a comment or,join the composer Community to get quick,support and the latest updates I'm,putting the details on the description,below see you again on the next video,goodbye

After seeing the fifth section, I believe you have a general understanding of EComposer Landing Page Builder

Continue the next sixth section about EComposer Landing Page Builder

How to add Frequently Bought Together to your Shopify store? - EComposer Landing Page Builder

hi I'm Eric foreign composer Shopify,page builder welcome to composer,extension tutorials nowadays many,Merchants use many way in order to,increase sale rates we could be running,marketing strategies or using,advertisement however this could be a,money wasting way and take you a lot,before to learn how to do it so why,don't we use a much easier way which is,using frequently bought together which,is largely used by many Merchants so how,to show frankly bought together,well many user is the author Patty app,however it will affect your page loading,speed so this video will guide you how,to add frankly both together to your,Shopify store using a composer extension,we will ensure your page loading speed,and provide more product options for,your customer to choose we could,potentially improve your sale rate,before we start if you don't have,Shopify account you can create your own,Shopify account through the installing,in the description below with an,exclusive deal,to begin with this extension can be used,on whole page categories however using,this extension on the product page is,priority,now I will choose one specific item,which is provided by a composer in the,template Library,so it is the outcome now I will install,the extension you can take a look at the,top bar and you can easily see extension,Library,then scroll down and you can easily see,frankly both together extension please,click install,congratulations there is an outcome,next step we will set up the product,bundle to show in frequently both,together block if you would like to show,the different product bundles for,different product pages you should use,product meta View,now let's get a shout by admin and,choose products,then choose one certain product assign,on the page,next scroll down and choose show all at,metafiv,then you can easily see composer product,bundle,then you have to choose the product to,show together with the main product,finally click save and get back to the,editor,now we will manage the extension setting,firstly in the elements tab please,scroll down and you can see extensions,next you have to drive the extension,and drop it in the position you want,so there is outcome,now to begin with you have to choose the,product that you have added the Middle,Field on the Shopify admin previously,after that you can easily see the,product bundle that is showing with the,main product on my screen,on the other hand if you want to fix,sparkly balls to get the extension we,will show similarly on different product,templates you should follow these steps,first click on select products,then choose products,finally choose on main product on,preview but make sure that you don't,have middle view because the product is,at the Middle Field will be set at,priority so as a product we got choose,by other way will be shown,we also provide two other settings we,are design and advanced you can read,more about the extension setting via the,document Link in the description below,then you can configure y

After seeing the sixth section, I believe you have a general understanding of EComposer Landing Page Builder

Continue the next seventh section about EComposer Landing Page Builder

How to add Cookies Bar to your Shopify store? - EComposer Landing Page Builder

hi I'm Eric from composer Shopify page,builder welcome to composer extension,tutorials,to begin with any online business we,need to gather customer information have,to gather permission so the best way is,through the cookie bar,the especially crucial for stores,selling products to EU customer so that,you're complying with the gdpr and other,privacy regulations that's the key,reason why you need cookies bar,so how Cookie's bar look like,the cookies bar looked like this,this or this,and its function is to get info content,to use cookie before visitors start,processing your site,now let's move to the main part how to,use cookie Banner,there are many ways such as using a,third Patty app however I wouldn't,recommend you you this way because it,will affect your page loading speed and,most of them are not free to use,so it would be a true solution to you,Cookie Banner of a composer we get 100,free and if you haven't installed yet,please click on the link in the,description below now let's jump to,installing the extension,before we start I had to notice that the,extension can go on the whole page,categories so you just need to choose,one pad type to apply the extension,another thing that I have to mention is,that the composer provides users with a,template Library whenever you open the,editor so now you just need to choose,one favorite template and click choose,so this is the outcome now we will,install the extension please take a look,on the extension library on the top bar,scroll down and you can see cookies bar,bit click install,now we will manage its setting,overall we provide three different,settings the first one in general to,begin with you can see edible cookies,more click here and you can show the,cookies bar you can also change the,content of the cookies bar here and edit,the title of the allow button,we also provide you with the extension,position and Alignment setting next you,have icon setting you can also as an,icon or upload a thumbnail image in here,finally we have style setting and you,can change it as you want now I will,save the setting and publish the,template,let's take a look on the live site,so now you can see the extension is,working properly in here it shows the,cookie content and its button,after all if you have any questions feel,free to leave a comment on your composer,Community to get quick support and the,latest updates on putting the details in,the description below see you again in,the next video goodbye

After seeing the seventh section, I believe you have a general understanding of EComposer Landing Page Builder

Continue the next eighth section about EComposer Landing Page Builder

How to build a Shopify Password Page (Coming Soon Page) with EComposer?

hi guys this video will show you how you,can easily create a password page or a,coming soon page with the composer,this page is available on all the plan,of the composer,to get started from the app dashboard,open extra builder in open password page,here you're going to click on View's,password page,and it will open our editor tool,so first thing first let's say like a,section here,you can add a header for the page,and I will add coming soon,alright so let's make it Center,you can change side of the tanks,great,and now under the header coming soon,I'll put a carrot hammer,so that people know when our store is,available,and you can select the date here,let's say October 8 all right,and you can also uh,say like another preset for your color,timer,and I will not show the progress bar all,right,and next one let's put a newsletter box,so that your visitor can subscribe to,receive your our emails,in every update,okay put some text here and I invite a,newsletter,great,and next one under the newsletter box,and put some social buttons so that a,visitor can follow us on the social,channels,okay,okay you can definitely change how your,element looks,you can select the different social,channel here and,also make it much more prettier,let's say I will add the bottles make it,round not Square,and,this one I will change the sides,okay perfect,now let,add a background image,let's see if we can make it full height,okay,uh you let you fix your screen to make,it full High,and now we move the oh the whole content,to the middle,perfect,or I will make all the text into wine so,make it visible on the dark background,such as change all the text into why,and then I think it's perfect now we can,save it and see how it looked like on,the live side,foreign,here you have a coming soon page just in,less than five minutes using a composer,page builder,so thank you for watching the video

After seeing the eighth section, I believe you have a general understanding of EComposer Landing Page Builder

Continue the next ninth section about EComposer Landing Page Builder

How to use Sales Notification Extension for your Shopify stores? - EComposer Landing Page Builder

hi I'm Eric from composer Shopify page,builder welcome to the composer,extension tutorials,every day there are 98 of visitors,through websites live without taking any,action according to many trustworthy,resources that's a worrisome fact,especially if you own an e-commerce,store that relies on sale,if you are struggling with increasing,sale you should know about the cell,notification extension of the composer,so what it is,so notification is the pop-up that,appears in one specific position on the,visitor screen whenever another customer,have purchased on your site as a result,this would increase peer referrals and,fear a missing out between customers,which only encourages them to purchase,your product now let's dive in,installing the extension,before we start I have to notice that,the extension can go on the whole page,category so you need to build your own,template first,foreign,you with a template Library whenever you,open the editor now I will choose my,favorite template,so this is the outcome now we will,install the extension in the elements,more please scroll down and you can see,extension,choose add more,from the extension Library please scroll,down and you can see still notification,please click install,okay we will manage its setting,overall there are five different,settings for you to choose starting with,General we provide animal cell,notification,extension position or three different,time settings for you to choose,next verification and its icon is also,provide,in the next setting is there,there are two different data stores for,you to choose the first one is manual,if you choose manner there will be a,form for you to fill the customer name,their country and purchase product as,well if you choose Auto generate it will,automatically send your order stairs,from your Shopify store to show in the,pop-up now I will choose manual import,and fill my customer name in here,UK is done,we also provide three other settings,such as style typography and animation,we provide some things such as color,option or something else like that you,can find out more via the link in the,description below now I will save the,settings and publish the template,foreign,you can easily see the extension is,working properly here whenever you open,the live sites customer name and the,purchase product is also display as you,can see,that's all if you have any questions,feel free to leave a comment or join a,composer Community to get quick support,and the latest update I'm putting the,details in the description below see you,again in the next video goodbye

Congratulation! You bave finally finished reading EComposer Landing Page Builder and believe you bave enougb understending EComposer Landing Page Builder

Come on and read the rest of the article!

I am a shopify merchant, I am opening several shopify stores. I use ppspy to find Shopify stores and track competitor stores. PPSPY really helped me a lot, I also subscribe to PPSPY's service, I hope more people can like PPSPY！ — Ecomvy