#1 TikTok Ads Spy Tool

A Better Way to Make TikTok Ads Dropshipping & TikTok For Business

  • Find TikTok winning products & TikTok dropshipping ads.
  • Analyze TikTok advertisers
  • Get the Latest TikTok Shop Data.
Try It Free

shopify html editor

Published on: February 7 2023 by pipiads

SHOPIFY TUTORIAL | HOW TO ADD CUSTOM HTML 2022

welcome back graduates. so today i'm going to be showing you how to add custom html sections to your shopify theme. now we're using dawn theme. it's a great free theme, but it's missing a lot of core features that you know. i think you guys need you know. in our previous videos, we taught you how to add parallax image overlays, taught you how to add an faq section. we even taught you how to add this beautiful instagram section. so now we're going to be teaching you- i say we, i'm going to be teaching you- how to do custom html sections. as you can see, we got an embedded map here, which is pretty cool. now this, this custom html section, allows you to do a lot of unique things with your store. you can embed things, you can write your own html. so, anyways, let's get right to it and show you how to do this and, as always, show you step by step by step. now what we got here is our sections, so our custom html folder, and you just have one file. now let's go right into our theme. as always, we start off with that home click on the online store. you'll end up in themes and let's go and edit the theme that we want to edit. so you're going to go and i'm going to open up the customizer in another tab, as well as edit code. now on here, i will show you that there is no custom html section. we've got our parallax feature that we that i showed you how to do and what else do we got in here. we've got the instagram faq, but there's no custom html. all right, let's go and solve that. it's kind of cool, though. they got custom liquid. that's really cool. all right. now let's go back to the code editor. now we're going to go into the sections folder. i'm going to click on add new section and we'll do. we'll call this: eg hyphen- custom hyphen- html. hit enter. now you're going to want to open up a text editor, like i always suggest. use it. use vs code or sublime, but for this case, notepad is fine for this tutorial. i only advise people to use code editors when you know you're actually trying to do development work. all right. so drag it over, copy it all, go into here, get rid of all that and paste it, hit save. it's really that easy. it really is. we make it painless for you, because that's what we strive to do. so now what we're going to do is we're going to refresh, reload and wait for shopify to take its time. now what we want to do is go into add section and we want to click on custom html. so, as you can see, here, we've got an html section. we also have a, an option where you can add, you know, text. you can align it, you can adjust the spacing, the margins, the padding, the background color, text color, max width. you can wrap it in a container if you want. but i'm going to show you a really cool site called powerio and what it allows you to do. it allows you to embed all these unique things. there's all kinds of different apps that they got. they have social feeds. you got media galleries, count on timers, form builders, more form bill builders- i don't know what these things are. it seems like they're saying the same thing over and over. but for this case, we're just going to go into the countdown timer. maybe you're running a sale and you're counting down the days until the sale ends or drops or whatever got it. so now we'll publish and we'll embed with code. we're going to copy this code. we're just going to go into the customizer. we're going to paste the html code right there, hit save and look at that. how cool is that? now, because i'm logged in, it shows that. uh, it shows, it shows this little button. but isn't that pretty cool? i think it's pretty unique. let's go and add another uh html block or section, rather, what else do they got in here? maybe we can go to like mapsgoogle, mapsgooglecom, and we'll- uh, we'll, type in: i'll just go to a previous line: embed share map copy html. let's go and add a map to our store. we're fancy like that- hit save and now you'll notike that some things right here won't always look great. so if you're trying to embed a map, we'll change this to a hundred percent and voila, we got ourselves a fancy, fancy map. i think that's pretty unique. so now you just learned how to add a custom html section to your theme and then again, this works on any theme. we're just using dawn. so if you really enjoyed this tutorial, make sure you smack that subscribe button. i really need to get better at saying subscribe button and as well as liking the video, because it helps us, it motivates us, it allows us to create more content, reach more people and, if you're feeling fancy, go and join our facebook group. it's a community of like-minded individuals who help each other out, teach you how to do different things, and there's some content in there that you won't necessarily be able to get on our youtube channel. and anyways, guys, thank you so much for watching and check the links in the description below- and we've got a lot, of, a lot of upcoming things that we're working on, like apps, custom themes, tools, you know, to help you find products. we're doing all kinds of cool things that you know behind the scenes that we want to release this year. it's a lot. it's a lot. let me tell you that, okay, and um, definitely look out. you're going to want to subscribe to this channel because you will see, you want to get notified, you want to know about our upcoming products and yeah, anyways, i'm rambling, so subscribe, tok to you later. bye.

How to edit a Shopify Theme - Development Best Practice

hey, das ist jan vom letzten end days video ever made for small modifications to existing team der golf. das video ist die show. you can use the developer tools to find out exactly when its place changes- energiewende, ballast video of the week and find the correct team pfeil, die pending und change. you want to make the front and the fear hätten massives. bevor die vier euro. die familie musste shopsystem. we can stop the way. ok, so beck immer development store ohne page and to give the story of the world's gesamte letzte posten: helfe client, ente, client wants to remove des little sale text lag hier bei den city-fans one: fördern ein bett displays, tailings ist erfolg, sagt mit gc you save up to 15 prozent. over the wall ist der safe und das product eine fixe. überlasst video. you might think, okay, let's go tell it on the open update and later products, including der voerder section character and let there be just for fun action template ein bisserl, bring you tube template filewich konzert auf dem elend. liquid 104, just starting out, diesmal mit computing overwhelming. so, christian beeck, sexy die unicum exchanges. indessen, exercise 100 postämter, implement changes. union vigo hat manchesters problem. ok, superstores front and inspect element. automotive news. pace award gold to the losail text right click and inspect ein display bringt. bei chrome developer tools einige hätten ziehen. die ist wie vor. basically sie hier ist old age tml auf der website nsa hannover, die elements der elemente kate heiratet und websites und web site auf das windows tool des css sulz, der applied to any element in folge sampl, remove the context no longer be beugt wurde. auch eine focus on right now the search for us cs s klasse. select the one for sale. text vollpreis, item label. which way birgit prinz point to search for, in diesem fall ein oder holz notike ist der charakter: information center, container, div, class, quadrat, preis, so dass es demnächst reference point arbeitswoche in das team fall. zuletzt hauptbecken verletzt. okay, die very first thing. the search for that is des css glas verpackt an was für anders gehabt und es ist es die only match in dem very likely, das ist der place we wanted to about that i can always the test as safe, diesem fall effekte frontend. ein verliebtes test will appear at position sowie zwei piloten von der preisfront. perfekt. so instead of writing testen wie credit suisse cs s class tailings links und judith action zuletzt verdankt dort komplettpreis. next meines the park kreischef raed know that we wanted someone to display. result in präsent, denn die weide bei der kompressor produkt dort komplettpreis. next kloster, likud-blocks, editors and is [Musik] said and the front and we can say: you say the perfect, but we can do ist inspect. das elemente can relate to factors and i can't you. next ist: klickt es mit plus aktuelle news, es den autorinnen select of our new age tmn element, denn die linke wird sonst teil des erfolgs. ampel wie warnte kaller to get my baby wants to be wild, wird small, and we won't wait to be ok, actually i don't want to. the way to the bold - dies tue wird erstmals ein kapitel selector bss fall auf das team. the way to the bottom css, the wall of worry - be implemented first. you know, they saying, it just works and have any variance. update des change the whole story bietet. ferner hat das ist gut demonstration. ok, so lassen die saytec head business class aufpreis item label sowie katherine, falls das ist, wie das new sail ist, extended enterprise information is coming von disney park press. so let's go to the city and product dort preis researchcom label, preis item label hat. ist es die only imagine dokument in document sowie can be pretty sure that is it. play stay. don't want to remove das in teil, i just want to commit suicide und ist back. check the front and the text ist perfekt. aig ist ein letztes foto video zu dem hobby on something new, something ort der des made to basic, beide hände für just starting out. think des videos, super important questions of it. blicken livecom in section topix-index video zu. if i don't want to subscribe to the channel in die nächste video, weil

More:best shopify 2.0 themes

Custom CSS Shopify 2021 ( Shopify Basic Expert Tutorial )

okay, this morning we're going to tok about how to actually edit the CSS styles inside Shopify now. typically we tok about how to mount it by liquid code and how to change things in the theme settings, but the other day I realized that it might be a good idea just to show you guys how to change basic CSS inside the dashboard. so if we hop over to the screen now- I'm not going to go over how to use the Google inspector and how to actually learn CSS- I'm gonna make the assumption that you know how to modify CSS and you're gonna need to know how to where to go inside Shopify in order to make the actual change, because the dashboard is constantly changing and they're making updates to it. things can move around and they may not be where you would expect them. so if we're on our dashboard and we go to online store and then we come up with the drop down below it, we'd have themes, and if we go to themes, we're gonna get all of our current themes that are installed on our store. now Shopify allows you to install multiple themes so that you can test out different versions of your website without modifying the live version. so what I usually recommend is you take your live versions. so say, for example, we have pipeline version 4.3.2 and we duplicate it. the reason we want to do this is, in case we make any errors inside, modify the CSS. we don't want it to affect our live users. now I'm working on a demo store, so it's not that big of a deal because I'm the only person who can see it. but once you launch your store, you want to be able to go and make changes to your online store and then, once all your changes are approved and they are set properly, you can go back in and you and publish them. so after I've copied out my theme, I usually like to go and rename it and I rename it to the name of the theme and I call it development. now the way I work is: if there is a development theme that exists on the store, that's where I'm making all the changes. once I'm finished with the development team, what I will do is I will publish the development theme, I will rename the active theme to the date that I published it, as you can see down here, and then I will rename development to active. so if it ever gets unpublished, I know exactly which team needs to get published back up again to restore changes. so, now that I've created development theme, I want to go to actions and I want to go to edit code, and what this is gonna do is it's gonna take us into the theme editor. now it's gonna take us not to the theme customizer- it's important not to get the two confused. so if we have a look at customize theme, we can see the theme customizer, which is where Shopify really directs you to try and go and make changes to your site, because it has all of the built in sections that are already available for shop, by which a drag and drop, which are easy to use. but for advanced users, you want to be able to get to your coat and that is done through that Actions menu. now, once you're into the theme editor, you have a bunch of folders on the left hand side which make up your feet, and what you want to be going to is you want to be going to the assets directory. now, the assets directory basically is anything that includes CSS, JavaScript or any images that you're gonna be pulled into your website that are, and if are the theme dependent. so if we're in the assets directory, we're gonna look for the theme dot s CSS dot liquid. this is where your theme styles are going to be posted. now I caution you: you shouldn't make any changes to the theme s CSS file. if you can help it, what I would recommend is you go to the bottom of the theme file and you add: either any of your custom CSS is below the line that's placed in there to add custom CSS code, or you could do what I like to do, which is create a separate asset called custom CSS, which allows you to put all of your CSS that you're gonna create independent of the theme CSS, and the reason you want to do that is because the theme file contains a framework and you don't want to be modifying frameworks, because if you modify frameworks, it can have a knock-on effects down the line. this is something that you're probably familiar with if you work with CSS before. so what we're gonna do is we're gonna actually include a file here so that we can go and make the changes. so let's go and write the code to include a CSS file. we're gonna write import, quotation marks, number, neo, custom dot CSS and then we're to compose it. now, once we've written that, we need to actually go and create the file, so let's create the new asset on the left hand side. we're gonna create a blank file. we're gonna choose the kind of file. we're gonna create a CSS file and we're gonna call custom dot CSS. now, for the advanced users, you can code, you can create s CSS file. so if you want to use variables, you can create a liquid CSS file so it will render the CSS file and pull in your liquid variables before it pumps it out. the sake of this demo, we're gonna stik to just a CSS file so that I can show you how to make changes. we're gonna add that into our assets and you can see it's now come up here and we're going to save our theme liquid. now we're going to add a custom CSS on to our custom CSS file just to show that it's working. this way, we can confirm that we couldn't go in at any time and make changes to our custom file and it will update on the website. so what I'm gonna do is I'm gonna do body and then I'm gonna do order: four pixels solid red, and what this is going to do is, if this is connected properly, when we refresh the page we should get a solid red border that goes around the whole thing. so if i refresh our theme, we don't see anything show up. and the reason we don't see anything and show up is because we actually have to preview the theme. so we have to hit the preview button on the top because we're working in a demo theme. we need to be able to see our site. that's not live. and now you can see there's a nice red border around the whole outside of our website, which means down. anything that we modify inside the custom CSS is going to make modifications to our website. so that's basically it. I hope this was a helpful little tutorial that I show you guys how to edit CSS inside Shopify. don't forget to Like subscribe to this video. I make a new video every Thursday. if you guys have any questions or something that you would like to have the answers posted on this channel for Shopify, please leave a comment down below. I always read those comments and get back to you with whatever I can to help. you can also check out my website where I have complete blog posts and screenshots that go through all of the videos that I've created on this channel. that's it for me. hope you guys are having a good one and we'll catch you in the next one. you:

More:vons sales ads

[Custom HTML in Shopify] How To Create Custom Section For Raw HTML

welcome to my youtube channel with another shopify tutorial where we will be learning how to add a new custom section with the ability to add raw html. so all of the free themes in shopify do not have a section where we can add raw html. today we will learn how we can copy a current, current, existing section and create a new section using the same code and changing the code to make it usable for raw html. so we'll be we'll be able to add raw html and shopify. okay, let's go to the backend. we'll navigate to the back end by going to slash admin. we'll go to online store. by the way, this is one of my clients website. we do maintain this for this and enhance the layout. okay, we will go to customize. debut is a free theme of shopify. in this theme, we do not have the ability to add raw html. so, for example, if we click on add section, we do not see any section where we can add raw html. so what we're gonna do, we will go to the code of this theme and we will create a new section by which we can add raw html. okay, let's go back to the admin. click on online store, edit code of the theme. here we can see all of the chords for the theme and these are all the sections which we were seeing on the customize section. now we will create a new section. let's call it raw html. here we have our new section ready. we'll copy the code from rich text section. here's the code for rich text section. so we will copy it, paste it on our newly created section, raw html- and rename it to call grow html. let's rename only english version for now. uh, rename it here. so we will be renaming it on two lines. one is line number 23.. and the other is line number 256. after renaming the section, we will go to line number 111- here's the line number- and replace the rich text with text area. hit save. and now let's go to our customize to see if it's working. okay, i'm open the customize section and now i'm gonna click on add section. that's the latest section which we created. click on that, click add, and there we go. as you can see, we can add. we can remove the heading if we don't need that, and we can replace this text with our own custom html. so, for example, if we need to add another div h1 paragraph element, try adding h3. as you can see now we can easily add raw html to our through our section. that's it for the tutorial. i hope you guys like this tutorial. please let me know in the comments below if you want me to create more shopify tutorial for you. and do not forget to click the subscribe and hit the bell icon so you'll be notified whenever i create new videos. have a great day.

Shopify Customize Theme Code 2022

going on everyone. it's Jamie here from Shopify master class and today we'll be looking at how you can customize your theme code for your Shopify store. I'm going to show you here how you can access your theme code and how you can make edits. also how to create a duplicate, so if you make any errors, you can quickly revert it back to a working version of your theme. so make sure you stay to the end of the video here. before I dive into it, I just want to thank our sponsor, profit calc, the one click profit calculator app available on the Shopify app store. it's going to allow you to skip your spreadsheets and get back to Growing your store with real-time calculations. it comes with a 15 day free trial and there's a link in the description below to access that trial there. I'm also going to show a quick video detailing their full feature set. are you a Shopify business owner who spends hours doing your accounting? have messy spreadsheets kept you from growing your business? discover profit cap, the affordable and easy to set up Shopify app that crunches your numbers in just one click. it automatikally syncs with all your accounts and expenses to calculate your profit, displaying everything in an easy to read dashboard so you understand your business in real time. start for free on the Shopify app store today. so now let's dive into how you can customize your theme code. I'm going to start by finding out first how to access that you and your Shopify homepage here. you want to head to the left hand side, click on online store. once that loads, that's going to lead you to the theme section. currently, this test store is running the debate theme, and so that's. we're going to make the edits today, and so, before you dive into editing any code, I always recommend that you create a duplicate of your current Shopify theme. this way, if you make any errors or you screw anything up along the way, you can quickly revert back to this version, so your customers aren't seeing any store that is breaking. you want to make sure it's alive at all times and working, as you're probably gonna be paying for traffic to come to your site, so you don't want that to be wasted ad spend. so how you do that is under this section here: current theme. next to the customize button, there's going to be three dots. you want to click those three dots and hit duplicate. I'm going to duplicate everything about that theme. it's going to create a copy of it. so it says copy of debate or debut and you can click the three dots. I'm going to rename this, I'm just going to call the copy here. you could insert the date here. so it's going to give you a chronological order of the different theme changes you made and so once you've done that, you can feel free to edit the code and test how it's going to work. so, how to edit the code? you want to click on those three dots there again, then go down to edit code. that's going to bring up the code editor for your Shopify theme. as it says, here you can edit your themes files. they're all gonna be dot liquid, which is going to be shopify's templating version for their themes. so overall, it can be intimidating. there's gonna be quite a few pages. now where you go is going to depend on what section of your Shopify site you want to change. so it could be the card page, it could be the collection page, it could be the password page, the overall page. there are quite a few files here. now, as mentioned, it's going to be extremely intimidating. you're going to not want to know exactly what you want to change before you start making any edits. you don't want to check exactly if it's working, because if it's not working you're going to have to go back and reset it. so you want to have a clear idea of what you want to do before you start doing it. so I'm going to do an easy example here just to show you the kind of overall process. it's just going to take a few clicks and only a very minor change. but let's say, on your blog page, Shopify is going to start paginating these pages when there are 12 or more blog posts. so let's say you have 13 blog posts, it's going to show show more. on the next page it's going to split it up between page one and two. let's say, for whatever reason, I want to make this blog post just one here. I have to go now find in the blog section to find out where it's making that limit and where it's cutting it off. so again, it's just gonna be changing so it's going to show one blog post per page rather than up to 12.. the way I do that head over to the Shopify blog section. so on the left hand you can see blogliquid. so I'm going to click on that one because that's probably going to be where the blogs are located. we can see here that it's located in the section for blog template, so I head over to this section is probably going to include everything related to the blog. I know it does because I've tested this before recording the video. but just for exploratory's sake let's search for blog template here. then on the left we get blog templateliquid, so that's where this section is located. so once I hit there, there's been quite a bit of code on this page. now I know this one is on the top here so we can just edit that. if we take a scroll through you can see it's just separated in different sections. I'm going to show the page title then as if there's blog tags and it's greater than zero, it's going to include this element that has a Blog filter. you can select by group. now if you don't understand HTML error and watching just a quick HTML course- there's probably videos out there as well- understanding the different sections of shopify's dot liquid template files and I'll give you an overall better understanding. mainly it just requires reading through here. so I know that this section is located at the top, so it's going to pagenate blog artikles by 12.. so instead let's just change that to one that if I hit one there and I click save, that should update that section. I'm just going to add some random text here to show further change. I'm going to show the page title. I'm just going to add master class blog post. just for an extra change here. hit save. then once I go to the blog page again, hit that reload button to reload those changes. I can see this section is now news Dash- masterclass blog posts. so it's gonna be the title section. we can see now it's been page needed by one blog rather than 12.. so if I click to the next page, there's my random intro blog post and here's my random post here. these are posts that were created in another video and there's no real content, but they're great here, just for an example, to show how to edit the code for your Shopify theme if you want very thin, specific stuff as well. if we head over to assets and you head to the themejs, you also get themescss not liquid. this will be more The Styling here. this can give you further ability to customize different files for your theme and how certain functions are running. this one was actually done JS, so it's going to be JavaScript. this scss is going to be a formatting for CSS. so overall, tons of different customizations you can make. I'd really recommend defining what you want to do first and then trying to figure out how to do it. if you just go and start editing things and starting to play around with things, you can very well just make a mistake that is hard to fix again. that's where we create a duplicate file but just denote that there. so overall, this concludes the video on how you can customize your theme code. we're going over an example here and just customize the blog template, not exactly changing the theme settings, but just to give an explanation and an example on how to actually change the theme code and see how it updates. overall, this concludes the video. If you enjoyed it. I would love it so much if you hit that like And subscribe button below. if you have any questions, leave a comment. lastly, I want to mention our sponsored profit calc again, the one click profit calculator app available on the Shopify App Store. it comes with a 15 day free trial. there's a link in the descri.

Shopify Image Editing in the HTML Editor

hey, this is ryan from web eminencecom with some shopify tips to help you add pictures to your pages and posts on your shopify site. shopify is an e-commerce platform, so they obviously put most of their development dollars into developing the shopping aspects of the site, like the shopping cart and the product pages. but if you've used the page editor for the pages and the post, you've probably found that it's just a basic html editor and you do need to know a little bit of html to make things work. and i'm going to show you how to add pictures and make sure they're formatted and aligned correctly, because it's not super intuitive with the shopify page builder. so i'm here on a sample page with five paragraphs of text and the first thing to realize is that it's important that the text is clean, meaning it doesn't have a lot of extra code to it. so if you click on the show html button on this page, you can see it- just text with paragraph tags, and those are the p tags. if you copy and paste text from microsoft word or somewhere online, you might get a lot of extra text formatting. so if you see a lot of extra tags besides the p tags, you may want to delete those or another thing you can do is copy the text again and then paste it as plain text. so the way to do that is to copy the text from wherever you're getting it and then go on to the page editor and then right click right by the cursor where you want to paste it and select paste as plain text, and that'll paste the text and remove most of the extra formatting. and the reason for doing this is because i realized that inserting a picture with text that has a lot of extra formatting can lead to problems with the formatting of the picture. so if i wanted to add a picture right at the top of this page, i would click my cursor right before the first character and then i click this button. here it's an insert image button. the insert image box pops up and it gives me the option of selecting from uploaded images, product images. i can use an image from a url or i can actually upload a new file. i'm going to go ahead and use an image that is already uploaded, so if i click on it, it then gives me an option to select the size and then i can click insert image. so if i were just to leave the image like that and click preview page, you'll see how the preview looks. it kind of creates some strange alignment. it's aligned to the left but the text is not wrapping correctly. so it's important to go back to the page editor and click on the image. and because we clicked on it, this button now says edit image and it brings up some other options. so a lot of people miss this. i missed this when i first started using shopify, because it's not entirely intuitive. it would make more sense to put an edit image button right on the image. that's the way wordpress does it, rather than making people find the edit image button. but for now, you have to click on edit image to bring up these other options and you'll see we're aligned to the left and the important thing that's missing is we need to click the wrap text around image. so if i click that and then click the edit image button and let's go to the preview to see what the editor came up with, and you'll see when you preview the text, one of the problems with aligning images in the shopify editor: it adds this extra space because of the paragraph tags. this paragraph isn't moving up and wrapping in this space like it should and while i'm not entirely sure why that happens, i do know how to fix it. so you have to go to the text editor and in this paragraph tag, where they add style float left, you just remove that all the way up to the quotation mark and leave the paragraph tag. there there already is a float left style which is going to make the image, uh, align to the left. so after doing that, you have to save the page. the preview doesn't always show the change, which is another problem. see, the preview doesn't show the change. but if i go back to the visual editor and then preview it, it does show the change. so now the text is wrapping around the image the way it should. but you can see, it's not as easy as it probably should be in this text editor you do have to manipulate the code a little bit and mess with the html in order to get it to work the way you want. the other thing that might be bugging you is that the image is so close to the text. so shopify does give you an easy way to fix that. you can click on the image again, click edit image and then add 20 pixel margin to the right and the bottom, then click edit image and then we'll preview the page again and you'll see it added some space around the image. so let's try to align it to the right and see if that works. i'm going to click on it again, click edit image and align to the right. i'll go ahead and add 20 to the left and the bottom. click edit image. it looks like it's going to give me the same problem. so i'm going to preview it and it is adding that extra space. so i'm going to go back in and remove that float right style from the paragraph tag, go back to the visual editor, press preview, and there it fixed that problem as well. let's try to align it to the center. so i'm going to click the image and go back, align it to the center and leave the bottom spacing. click edit image- preview page. and now we have another problem. it's moving the tags around and it is center aligning the text but not the image. so if i go back to the code, you'll see that there's a text align center paragraph tag which is supposed to align the image in the center, but actually this opening paragraph tag is not closed until all the way down here, so it's actually centering all of this text as well. so what you need to do is add a closing paragraph tag here which looks like that, and then an opening paragraph tag which goes with this paragraph. i'm gonna go back to the visual editor. looks like it's gonna work the way we want. so now i have a centered image with some spacing and then the text. so again, it's not working the way we want the first time and you do have to manipulate the code a little bit, which is frustrating because these visual editors are meant so that people don't have to manipulate code, but unfortunately, with this version of the shopify editor, you do need to mess around with the code a little bit to get the images to look the way you want. and some people might wonder why have the paragraph tags at all if they're causing so much trouble? if you do try to paste in paragraphs like this with no paragraph tags and then you go to the visual editor, it's going to lump it all together as one paragraph. so you do need the paragraph tags to keep the paragraph spacings. so hopefully that helps you if you're having trouble adding images to your pages and posts on your shopify site. i know most people are using a website builder like this because they don't want to ever mess with html code. so if you need help with this, you can contact shopify experts online and they'll be able to help you with this. if you want to get in touch with me and see if i have time to help you on an hourly basis, you can get in touch with me through my website. if you have any questions about this process or having other issues, feel free to comment on the video and i'll answer them as quickly as i can. please give the video a thumbs up on youtube if it helped you and make sure to subscribe so you don't miss any of my future videos. you.