Online Shop Picture Template Making-How to Make Taobao Product Picture Template

When opening a Taobao shop, how to make pictures, you can make the picture effect you want through the template.

The template making method is as follows:

First, open the browser and search for "Taobao template download".

Second, you can see many websites after searching. On these free websites, you can download and use templates.

Third, in these websites, we can choose according to our own needs, choose the store category, and then choose the required template style.

Fourth, if you don't want to use other people's templates, you want to create one yourself. First, we need to open Dreamweave, and then use the menu command File-New to pop up a dialog box to create a new file. This dialog box contains two tabs: General and Templates.

The Templates tab contains a list of your own defined websites from which you can select a template to create a new document. The General tab contains various document types, from which you can choose to create a new page.

5. Select the Page Design item in the Portal box. In the PageDesigns box on the right, you can see some template styles preset by Macromeidia. You can use the mouse to select them here, and you can immediately see the preview effect and text description in the preview area on the far right.

6. Select the ImagesThumbnailGrid item in the PageDesigns box on the right, and combine the preview renderings on the far right with the following text description, it can be seen that this is a page showing photos, with 3 photos displayed on each page.

Seventh, we immediately saw a page in Dreamweaver's work interface, which was exactly the same as the preview. What you need to do now is to change the text and picture information in the page into your own content. You can edit these words just like in Word. Set the picture frame to the size of the picture material frame you prepared.

8. Finally, click "Split" to copy and paste the code of the template into the custom content area on the left side of Taobao Editor.

：

Taobaoshop refers to the shops or shops used by all Taobao sellers on Taobao. Taobao Wangpu was born relative to ordinary shops. Every new shop opened in Taobao is a shop interface generated by the system by default, which is often referred to as ordinary shops.

Taobao Wangpu (personalized shop) service is a service provided by Taobao to Taobao sellers, which allows sellers to use the computer and network technology provided by Taobao to realize the personalized shop page display function different from the ordinary shop display form of Taobao. Simply put, it is to spend money to buy a personalized and brand-new shop facade from Taobao.

Taobao's pictures have two modes.

One: Title map

The picture of the title, selected in your own computer and then uploaded, has restrictions on size and format. Taobao currently stipulates "picture limit 120k, jpg or gif format".

Two: pictures in the baby description

Taobao does not provide direct uploading when posting pictures in the description. It requires a third-party website to provide a connection, which means that you can apply for an online photo album (note: you can link the photo album to Taobao), upload your own pictures to the photo album, and then use the "Insert/Modify Picture" button in the description of the baby to import pictures by entering the photo URL.

References:

Taobao store

How to make Taobao commodity picture template 1 Software tools: to make your own baby template, you must first choose a web page editing tool. At present, dreamweaver is the most popular tool in the industry, and you can also use the old micro frontpage. Friends who want to be themselves had better choose the former. I used frontpage before, but I seldom used it later. I think dreamweaver is more convenient to use and more powerful. After all, it started with this. Friends who need dreamweaver software can download it from the Internet. Download method: enter "dreamweaver software download" in Google search bar and you will find many download websites! ! ! You can search for other tools and software like this, and just download it. However, the postscript must be disinfected first. Safety is very important for our shopping malls.

2。 Before making a web page, you should first consider the basic layout of your template. Don't worry about using dreamweaver to start editing. Before the formal editing, I suggest friends look at other people's works more and summarize the general typesetting method and all the options needed for the baby description template! The best way is to talk on paper first, draw the layout of the description template on paper with a pen, and indicate some work that needs to be done. However, the main modules of the baby template are summarized as follows.

A. product details B. product description C. buyer matters D. delivery method E. store classification F. store contact

You can sketch out the general layout on the paper, and then start the following work.

3。 Prepare materials. You can't make a web page without material. Material refers to some striking pictures, words, backgrounds and other resources. More important, and most likely to be used, are the logo of your store, the picture of your baby, and the text introducing everything related to the goods in the store. Put all these materials in a directory (the real formal editing method is to organize your own materials in folders) to facilitate later search. In addition, in order to make better results, photoshop may be used, especially image processing. The download method is as described above.

4。 Now the basic things are ready. Then let's get started.

Taoqiao. com

A: First, open Dreamweaver and create a new html page. Then you see a white area on the workbench, which is the editing area.

B. Add tables to the layout. This is very important, because tables can make it easier for us to allocate layout and locate various materials in the future. With the table, we have the basic idea of layout in our hearts. We can add our materials, words and change the background in the table. These words are commonly used words, which are fixed and will not change with different babies, such as descriptive words such as title, buyer's matters and distribution methods. At this time, we also need to set aside a place to put baby pictures and descriptions. These will change, because each baby's picture and description are different. So be sure to leave this position. Gong Shuhua's Taoqiao Net

Tip: Before this step, you should upload the pictures you need to use to the network. I recommend this website to everyone. First of all, uploading has advantages. When using pictures in the future, you can directly find the pictures, and then copy the connection of the pictures and add them to the source of the picture placeholder. You don't have to upload pictures and edit web pages at the same time.

C. Add image placeholders where pictures need to be added. Remember, all images in the baby description template must be image placeholders, not direct images. After adding, we see a broken square, which proves that the object is an image placeholder. Taoqiao

Why not insert the image directly? Inserting pictures directly cannot be displayed in Taobao. Use image placeholders where images are placed, including background images. With an image placeholder, it is equivalent to occupying this position first, and then adding the corresponding image connection address in this position, so that when viewing a web page in a browser, the browser can download the image according to the image connection address, and the desired image can be displayed. This is very important.

D add some image placeholders in other locations, such as store logo, store classification, etc. These positions can bring convenience to your future operation.

E. Fill in the network connection address of the picture in the place of the picture placeholder, which involves the picture of each product, and we will fill it in Taobao's baby editor. In Taobao's Baby Description Editor, we can find the picture connection address of the goods and fill in the picture source of the picture placeholder. In this case, we only need to change the image source address of the product image placeholder to display the image we want.

6。 If the above is as you expected, according to your own design, it can be basically completed. Whether the specific beauty is beautiful or not, you should adjust it yourself slowly. The most important thing now is to switch to the code editing window in Dreamweaver. CTRL+a selects all codes, selects copy, and then selects a treasure editor in Taobao. In the Treasure Editor, select Edit Source File, and then switch to the code editing window. Paste the previously copied code into this window, and then select edit mode to switch to graphic edit mode. At this point, you will find that the image placeholder you set before is now displayed as a picture. If it cannot be displayed, it proves that there is no image connection address. Carefully select the image placeholder, then click the Insert/Edit Image button and enter the corresponding image connection address. It is particularly important to note that modifying the baby description is mainly to directly show the big picture of the baby. At this point, you must change the baby picture placeholder and change the image source of the placeholder to the current baby picture connection address. The content comes from Taoqiao.com.

Click Preview to see the editing effect. If you are not satisfied, you can only modify it slowly in the future.

Switch the baby editor to code mode, select all the codes to be copied and copy them into a TXT text file to save, so that every baby can use it in the future. When creating a new baby, copy these codes directly in the code editing mode, and then switch back to the picture editing mode to change the corresponding baby picture.

Well, everything is simple.

The following figure shows the layout of the baby template in dreamweaver's graphic editing mode. The description part in red font is commonly used, so be sure to pay more attention.

You only need to click on a baby in my shop to see the concrete effect. There are still many places that need to be improved, please give us your advice. What problems can we discuss together? It can only be regarded as a brick. I hope experts can share your design experience with you.

By the way, in the Baby Editor, you can use the hotspot connection function to create a direct connection function on the picture. For example, my template uses the connection function on the words of shop introduction, shop visit and credit evaluation. How is this connection function realized? The method is as follows:

Select the picture that needs to be connected. Picture placeholders are also supported. Then at this time, you find some small green icons on dreamweaver's left foot. These are used to draw some square, circular or other shaped areas on the picture. In the browser, when the mouse passes through these areas, it will change into the shape of a small hand. These areas are hot spots. When the mouse clicks on this hot spot, it will connect to the corresponding web page.

Draw an area quickly on the map, and then enter the address of the web page you want to connect to in the connection address in the lower left corner of dreamweaver.

Test the code into the baby editor and preview it. When the mouse is placed on these areas, it will become a small hand. Click on it, and you will be connected to the corresponding webpage.

There are generally three ways to make the main picture of Taobao shop.

1. Making pictures and designs with PS is five stars in difficulty.

2. Spend money and find a professional designer to do it online, but the cost is high, depending on personal economic ability.

3. The most economical way: go online to find free template packages, but now many websites are slowly turning to paid mode. I looked for it, and now I only find a quick map of Ke Fan, a new tool, which is completely free. I guess the reason may be that the brand is in the promotion stage, so don't miss any opportunity that bonus hunter knows.

Image source Ke Fan Quick Map

Running a Taobao shop is not an easy task. Doddoli Road can greatly reduce his pressure by using some practical tools. I hope I can help you. I think the most intuitive method is to directly apply the main map template. Many templates on Meitu Wang Can can make beautiful main pictures. I hope it helps you. Yes, you can also find a professional to make it, so the quality of the video will definitely be higher; In addition to this method, you can shoot or edit the related videos yourself. The quickest way is to use the "Make Main Video" mass production function in the cropping toolbox.

The video is ready, and it needs to be uploaded manually. This process is also a bit cumbersome for the seller who uploaded it for the first time. Simply put, send the video to the video center, and add the video in the video center after the video transcoding passes. A good master map must be beautiful, realistic and purchase-driven, which basically consists of three parts: background, product and copy.

1, main picture background: Because the main picture of my store is displayed on the same page with many competing products at the same time, a good background attracts the attention of users at once. Generally, it is divided into solid color background and environmental background, which requires sellers to pour a lot of click probability points. Of course, the background of the baby's main picture should be consistent with the product itself, and don't grandstanding for the sake of highlighting. Green mountains and green waters are suitable for organic food marketing, and it will be self-defeating when used in electronic products.

2. Product drawing: The product drawing is the core of the three elements of the main drawing, and it must be clear. The product drawing is generally centered in the main drawing.

3. Copywriting: First, the proportion of copywriting should not exceed 30%, followed by the beauty of copywriting. Whether to add text varies by product. Functional attributes that cannot be displayed by pictures can be explained by concise copywriting, such as electronic products. Functional products; However, the clothing category mainly depends on the style, and the pictures can be displayed intuitively. Usually, you don't need to add a copy to a picture. But copywriting has the function of refining selling points and pain points. If you are confident enough about your product, you must state the price. If there are similar special additional services such as three-day direct service and upstairs delivery, they should be highlighted in the copy. Be careful not to have too many pictures in the copy, and don't try to express everything in one picture, which will be counterproductive. Main drawing size

1. For the optimization of the main image, it is generally recommended that the size is 800*800, and the image size should not exceed 500KB.

For pictures larger than 2.800*800, you can provide the function of enlarging the picture on the baby details page.

3. The fifth picture with a white background is the main product with a white background, and there are no models, word lines and psoriasis.