วิธีเผยแพร่ฟีดบล็อก Shopify ของคุณในเทมเพลตอีเมล Klaviyo ของคุณ
เรายังคงปรับปรุงและเพิ่มประสิทธิภาพของเราอย่างต่อเนื่อง ShopifyPlus ความพยายามทางการตลาดอีเมลของลูกค้าแฟชั่นโดยใช้ Klaviyo. Klaviyo มีการผสานรวมกับ Shopify อย่างแน่นหนา ซึ่งช่วยให้มีการสื่อสารเกี่ยวกับอีคอมเมิร์ซมากมายที่สร้างไว้ล่วงหน้าและพร้อมใช้งาน
น่าแปลกที่ใส่ .ของคุณ โพสต์บล็อกของ Shopify ลงในอีเมลไม่ใช่หนึ่งในนั้น! ทำให้สิ่งต่างๆ ยากขึ้น... เอกสารประกอบสำหรับการสร้างอีเมลนี้ไม่ละเอียดถี่ถ้วนและไม่ได้จัดทำเป็นเอกสารสำหรับตัวแก้ไขใหม่ล่าสุด ดังนั้น, DK New Media ต้องทำการขุดค้นและหาวิธีทำเอง… และมันไม่ง่ายเลย
นี่คือการพัฒนาที่จำเป็นในการทำให้สิ่งนี้เกิดขึ้น:
- บล็อกฟีด – ฟีดอะตอมที่ Shopify ให้มานั้นไม่ได้ให้การปรับแต่งใดๆ และไม่มีรูปภาพ ดังนั้นเราจึงต้องสร้างฟีด XML ที่กำหนดเอง
- ฟีดข้อมูล Klaviyo – ฟีด XML ที่เราสร้างขึ้นจำเป็นต้องรวมเป็นฟีดข้อมูลใน Klaviyo
- เทมเพลตอีเมล Klaviyo – จากนั้นเราจำเป็นต้องแยกวิเคราะห์ฟีดเป็นเทมเพลตอีเมลที่มีการจัดรูปแบบรูปภาพและเนื้อหาอย่างเหมาะสม
สร้างฟีดบล็อกที่กำหนดเองใน Shopify
ฉันสามารถหาบทความที่มีโค้ดตัวอย่างเพื่อสร้าง a ฟีดที่กำหนดเองใน Shopify for Intuit Mailchimp และทำการแก้ไขเล็กน้อยเพื่อล้างข้อมูล นี่คือขั้นตอนในการสร้าง ฟีด RSS ที่กำหนดเอง ใน Shopify สำหรับบล็อกของคุณ
- ไปที่ของคุณ ร้านค้าออนไลน์ และเลือกธีมที่คุณต้องการวางฟีด
- ในเมนูการดำเนินการ เลือก แก้ไขรหัส.
- ในเมนูไฟล์ ให้ไปที่เทมเพลตแล้วคลิก เพิ่มเทมเพลตใหม่.
- ในหน้าต่างเพิ่มเทมเพลตใหม่ ให้เลือก สร้างเทมเพลตใหม่ for บล็อก.
- เลือกประเภทเทมเพลตของ ของเหลว.
- สำหรับชื่อไฟล์เราป้อน Klaviyo.
- ในตัวแก้ไขโค้ด ให้วางโค้ดต่อไปนี้:
{%- layout none -%}
{%- capture feedSettings -%}
{% assign imageSize = 'grande' %}
{% assign articleLimit = 5 %}
{% assign showTags = false %}
{% assign truncateContent = true %}
{% assign truncateAmount = 30 %}
{% assign forceHtml = false %}
{% assign removeCdataTags = true %}
{%- endcapture -%}
<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:media="http://search.yahoo.com/mrss/"
>
<channel>
<title>{{ blog.title }}</title>
<link>{{ canonical_url }}</link>
<description>{{ page_description | strip_newlines }}</description>
<lastBuildDate>{{ blog.articles.first.created_at | date: "%FT%TZ" }}</lastBuildDate>
{%- for article in blog.articles limit:articleLimit %}
<item>
<title>{{ article.title }}</title>
<link>{{ shop.url }}{{ article.url }}</link>
<pubDate>{{ article.created_at | date: "%FT%TZ" }}</pubDate>
<author>{{ article.author | default:shop.name }}</author>
{%- if showTags and article.tags != blank -%}<category>{{ article.tags | join:',' }}</category>{%- endif -%}
{%- if article.excerpt != blank %}
<description>{{ article.excerpt | strip_html | truncatewords: truncateAmount | strip }}</description>
{%- else %}
<description>{{ article.content | strip_html | truncatewords: truncateAmount | strip }}</description>
{%- endif -%}
{%- if article.image %}
<media:content type="image/*" url="https:{{ article.image | img_url: imageSize }}" />
{%- endif -%}
</item>
{%- endfor -%}
</channel>
</rss>
- อัปเดตตัวแปรที่กำหนดเองตามความจำเป็น ข้อควรทราบประการหนึ่งเกี่ยวกับเรื่องนี้คือ เราได้กำหนดขนาดรูปภาพเป็นความกว้างสูงสุดของอีเมลของเรา กว้าง 600px นี่คือตารางขนาดรูปภาพของ Shopify:
Shopify ชื่อรูปภาพ | ขนาด |
Pico | 16px x 16px |
ไอคอน | 32px x 32px |
นิ้วหัวแม่มือ | 50px x 50px |
เล็ก | 100px x 100px |
กะทัดรัด | 160px x 160px |
กลาง | 240px x 240px |
ใหญ่ | 480px x 480px |
ยิ่งใหญ่ | 600px x 600px |
1024 1024 X | 1024px x 1024px |
2048 2048 X | 2048px x 2048px |
เจ้านาย | ภาพที่ใหญ่ที่สุดที่มีอยู่ |
- ฟีดของคุณพร้อมใช้งานตามที่อยู่ของบล็อกแล้ว โดยจะมีสตริงการสืบค้นต่อท้ายเพื่อดู ในกรณีของลูกค้าของเรา URL ของฟีดคือ:
https://yourshopifysite.com/blogs/fashion?view=klaviyo
- ฟีดของคุณพร้อมใช้งานแล้ว! หากต้องการ คุณสามารถไปที่หน้าต่างเบราว์เซอร์ได้เพื่อให้แน่ใจว่าไม่มีข้อผิดพลาด เราจะตรวจสอบว่ามีการแยกวิเคราะห์อย่างถูกต้องในขั้นตอนต่อไป:
เพิ่มฟีดบล็อกของคุณใน Klaviyo
เพื่อใช้ฟีดบล็อกใหม่ของคุณใน Klaviyoคุณต้องเพิ่มเป็นฟีดข้อมูล
- นำทางไปยัง ฟีดข้อมูล
- เลือก เพิ่มฟีดเว็บ
- ป้อน ชื่อฟีด (ไม่อนุญาตให้มีช่องว่าง)
- ป้อน URL ฟีด ที่คุณเพิ่งสร้างขึ้น
- ป้อนวิธีการขอเป็น GET
- ป้อนประเภทเนื้อหาเป็น XML
- คลิก อัปเดตฟีดข้อมูล.
- คลิก ดูตัวอย่าง เพื่อให้แน่ใจว่าฟีดมีการเติมข้อมูลอย่างถูกต้อง
เพิ่มฟีดบล็อกของคุณไปยังเทมเพลตอีเมล Klaviyo ของคุณ
ตอนนี้เราต้องการสร้างบล็อกของเราลงในเทมเพลตอีเมลของเราใน Klaviyo. ในความคิดของฉัน และเหตุผลที่เราต้องการฟีดแบบกำหนดเอง ฉันชอบพื้นที่เนื้อหาแบบแยกส่วนโดยที่รูปภาพอยู่ทางซ้าย ชื่อเรื่องและข้อความที่ตัดตอนมาอยู่ด้านล่าง Klaviyo ยังมีตัวเลือกที่จะยุบสิ่งนี้เป็นคอลัมน์เดียวบนอุปกรณ์มือถือ
- ลาก แยกบล็อก ลงในเทมเพลตอีเมลของคุณ
- ตั้งค่าคอลัมน์ด้านซ้ายเป็น an ภาพ และคอลัมน์ขวาของคุณถึง a ข้อความ กลุ่ม
- สำหรับรูปภาพ ให้เลือก ภาพพลวัต และตั้งค่าเป็น:
{{ item|lookup:'media:content'|lookup:'@url' }}
- ตั้งค่าข้อความแสดงแทนเป็น:
{{item.title}}
- ตั้งค่าที่อยู่ลิงก์เพื่อที่ว่าหากผู้สมัครสมาชิกอีเมลคลิกที่รูปภาพ ระบบจะนำพวกเขามาที่บทความของคุณ
{{item.link}}
- เลือก คอลัมน์ขวา เพื่อกำหนดเนื้อหาคอลัมน์
- เพิ่มของคุณ เนื้อหาอย่าลืมเพิ่มลิงก์ไปยังชื่อของคุณและแทรกข้อความที่ตัดตอนมาจากบทความของคุณ
<div>
<h3 style="line-height: 60%;"><a style="font-size: 14px;" href="{{ item.link }}">{{item.title}}</a></h3>
<p><span style="font-size: 12px;">{{item.description}}</span></p>
</div>
- เลือก แยกการตั้งค่า แถบ
- ตั้งเป็น เลย์เอาต์ 40% / 60% เพื่อให้มีพื้นที่สำหรับข้อความมากขึ้น
- ทำให้สามารถ สแต็คบนมือถือ และตั้งค่า จากขวาไปซ้าย.
- เลือก แสดงตัวเลือก แถบ
- เลือกการทำซ้ำเนื้อหาและใส่ฟีดที่คุณสร้างใน Klaviyo เป็นแหล่งที่มาใน ทำซ้ำสำหรับ สนาม:
feeds.Closet52_Blog.rss.channel.item
- ตั้ง นามแฝงรายการ as ชิ้น.
- คลิก ดูตัวอย่างและทดสอบ และตอนนี้คุณสามารถดูโพสต์ในบล็อกของคุณได้แล้ว อย่าลืมทดสอบทั้งในโหมดเดสก์ท็อปและมือถือ
และแน่นอน หากคุณต้องการความช่วยเหลือใน Shopify การเพิ่มประสิทธิภาพและ
Klaviyo การใช้งานอย่าลังเลที่จะติดต่อ DK New Media.การเปิดเผยข้อมูล: ฉันเป็นหุ้นส่วนใน DK New Media และฉันกำลังใช้ลิงค์พันธมิตรของฉันสำหรับ Shopify และ Klaviyo ในบทความนี้.