Dry goods code white, you can also add your own page of promotional information! Shopify

Mondo Technology Updated on 2024-02-01

Sometimes I want to add some **copywriting to the details page, but I don't have the corresponding technical operation, I'm afraid of breaking it**. Now don't be afraid, just follow the article step by step, and you can learn how to add the information you want to the page.

Let's start with an excellent copywriting style example:

These are all things that need to be added by the managers themselves, and the general theme will not have this).

Case 1

Case 2** Being able to list all the information needed for customers to see, which can greatly promote conversions.

Prerequisites:

This article, Shopify store backend (theme needs to be 2.)0)

How to tell if a store is Shopify 2Version 0?

1.Log in to your Shopify admin;

2.*Shop->> Click on the three dots->> Edit**;

3.Search for product in the upper left corner, and productThe json file represents the theme of 20;

4.When you're done searching, exit in the upper left corner.

I confirmed that it was 2After version 0, we can start the text!

Text steps (screenshot steps below):

1.Log in to your Shopify admin;

2.*Shop->> Customize;

3.At the top, click on the home page - >> select products >> default products.

4.On the left, you can see the template -> Add Block-> Select Custom Liquid (or Custom HTML).

5.Copy the following after it appears.

buy 2, get extral 20% off, code: xxxxx
If you want to modify anything, you just need to modify the copy inside. For example: xxxxxxx

Screenshot Steps:

Now let's click on the advanced version of the operation, modify the font color and size, so that it is more suitable for the theme color, with the overall marketing tonality.

Copy the following:

buy 2, get extral 20% off, code: xxxxx
Here's how it works:

A lot more**?Don't be afraid, we just need to modify the keywords in it.

font-size: 17px;17px is the size of the font, we can change it to whatever we want, don't forget to have px in the previous point.

color: #ac6950;AC6950 is the meaning of color, we can modify it to our own color number, don't forget to have a number in the previous point.

font-weight: 700;700 refers to the font weight, we can modify it to this, note that 100 is used as an increment and decrease here.

Finally, remember. : colon Don't modify the front one, just modify the 17px and ac ones in the back.

Sometimes you need to provide the customer with a **manual or add a hyperlink, but you don't know how to place it, you can also deal with it through the following**.

manual file download ->
Here's how it works:

When the customer clicks here, it will jump to the pdf file view, and the customer can freely**or**file.

If you want to change it to your own link, you can change the content in double quotation marks href="xx".

If you don't know how to copy the pdf link on your own **, you can see the following steps:

1.Go to the background and click on the content file.

2.Upload the file you want to show, and there will be a link to the file.

3.Click on the link icon and copy the link.

Finally, after all the changes are made, click Update in the upper right corner.

Tip: If you find that the page is messed up, adjust it

The above is a simple addition of **copywriting, pay attention to our follow-up articles, we will give more examples**, paste it and you can use it

Finally, finally!Congratulations on discovering the hidden**!Copy it and see how it works!

Related Pages