> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.easystore.co/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# การเพิ่มรูปภาพหรือโลโก้ในส่วนท้าย

![](https://storage.crisp.chat/users/helpdesk/website/9eaeb296044cd800/66dbf98f-68d8-434a-a02d-35be7e_tlcbt4.png)

### ในบทความนี้ :

(a) คำแนะนำ  
(b) เตรียมพร้อมรูปภาพ หรือ โลโก้ URL  
(c) ขั้นตอนที่เพิ่มรูปภาพ หรือ โลโก้ ที่ส่วนท้าย  
 

### (a) คำแนะนำ 

โดยการเพิ่มรูปภาพท้ายกระดาษหรือโลโก้เช่น โลโก้ บริษัท , รางวัล ,การรับรอง หรือ การเป็นสมาชิก จะช่วยสร้างความเชื่อมั่นของผู้เยี่ยมชมในเว็บของคุณ ด้วยภาพหรือโลโก้ที่คลิกได้คุณสามารถนำไปยังหน้าที่เกี่ยวข้องได้

### (b) เตรียมพร้อม URL รูปภาพหรือโลโก้ของคุณ

1.  ก่อนที่คุณจะเริ่มต้นโปรดตรวจสอบให้แน่ใจว่าคุณมีลิงค์ URL ไปยังรูปภาพหรือโลโก้ของคุณแล้ว หากคุณไม่มีลิงค์ URL ที่มีอยู่คุณสามารถสร้างและรับลิงค์ได้โดยอัพโหลดรูปภาพหรือโลโก้ไปยังที่เก็บข้อมูลของคุณ
    

2. ไปที่หน้าแอดมิน > สินค้า > เพิ่มสินค้า >ในกล่องคำอธิบาย , เลือกรูปภาพ  > เพิ่มรูปภาพ > อัพโหลดรูปภาพ > คัดลองลิงค์รูปภาพ 

![](https://storage.crisp.chat/users/helpdesk/website/439cce790863c00/62761df4-b95a-46de-b147-cf8631_14hvhm8.png)

![](https://storage.crisp.chat/users/helpdesk/website/fbc8fef772451800/28b10656-4049-4533-9ac8-c221c1_142pui3.png)

### (c) ขั้นตอนที่เพิ่มรูปภาพ หรือ โลโก้ ที่ส่วนท้าย

1.   หน้าแอดมิน > ธีม >  แก้ไขแหล่งข้อมูล 
    

2. ไปที่ layout > layout/theme.liquid

![](https://storage.crisp.chat/users/helpdesk/website/eff5c4e3c7018800/0d7735e3-5439-4368-a20c-d66605_wbizls.png)

3. ค้นหา **{% include 'social-links' %}** ( ปกติแล้วจะอยู่ที่บรรทัด  246 )

![](https://storage.crisp.chat/users/helpdesk/website/618cc9cad39e6800/394eaa2b-28ad-4859-bca3-17c8ac_hmrc1q.png)

4. ใต้บรรทัดนี้ , วางโค้ดข้างล่าง  (เลือกต้องการลิงค์ หรือ ไม่ต้องการลิงค์ ). อย่าลืมแทรกรูปภาพของคุณ หรือ โลโก้ URL ลิงค์ 

**(i) พร้อมลิงก์  **  
(เมื่อผู้เยี่ยมชมคลิกที่ภาพหรือโลโก้พวกเขาจะถูกนำไปยังหน้าอื่น)

<a href="_yourpageurl_" target="_blank"><img style=“width: 100px;” src="_yourimageurl_"></a>

**(ii) ไม่มีลิงก์**

(ไม่สามารถคลิกที่รูปภาพหรือ โลโก้ได้ )

<img style="width: 100px;" src="_yourimageurl_"/>

  
5. หากคุณต้องการให้ภาพหรือโลโก้อยู่ด้านขวาคุณสามารถใช้โค้ดด้านล่างแทน

**(i) พร้อมลิงก์**  
  
<a href="_yourpageurl_" target="_blank"><img style="width: 100px; **margin-left: 100%;**" src="_yourimageurl_"></a>

**(ii) ไม่มีลิงก์**  
  
<img style="width: 100px; **margin-left: 100%;**"src="_yourimageurl_"/>

6. บันทึก และ เสร็จสิ้น 

  
**เคล็ดลับ:**

หากคุณต้องการปรับขนาดโลโก้คุณสามารถปรับจำนวนความกว้าง: 100px  
หากคุณต้องการปรับตำแหน่งของโลโก้โดยเปลี่ยนทิศทางไปที่ตรงกลางหรือด้านข้างไม่มากเกินไปคุณสามารถปรับจำนวนเปอร์เซ็นต์ในระยะขอบซ้าย = 100%

**GIF :** 

![](https://storage.crisp.chat/users/helpdesk/website/4b443c5e0613b000/e879ee09-5487-4f61-9bb8-acfb42_15bdibw.gif)