Shopify 리서치 허브 · 문서/위키형 둘러보기 분류 관리 자동 조사

TUTOR BASE

YouTube 수집: 2026-08-23 게시: 2026-08-05
https://youtu.be/B3Vdvy2KZKY

내용

[subtitle-meta] lang=en auto=True In this video, I'll guide you through how to customize Shopify email templates using Klaviyo. Whether you're looking to enhance your email communications or simply want to add a personal touch to your transactional emails, this tutorial will make the process straightforward and efficient. So, let's dive right in and transform those standard Shopify emails into something that truly represents your brand. First, we're going to navigate to the template section within Klaviyo. To do this, look over at the left sidebar of your Klaviyo dashboard. There, you'll see an option labeled content. Click on that and then go to templates. Here, you'll find the option to create a new template. If you prefer, you can also browse through Shopify templates to explore a library of pre-built transactional layouts. This is a great starting point if you want some inspiration or need a quick setup. Once you've decided on the specific template type you want to build, it's time to get creative. Design and customize your email template to align with your brand's aesthetics. Klaviyo offers a range of tools to help you with this, such as drag-and-drop features for adding images, text, and buttons. Take your time here to ensure everything looks just right. Remember, the goal is to create a seamless experience for your customers that feels personalized and professional. After you're satisfied with your design, the next step is to export the HTML code. Klaviyo makes this simple. Once your design is complete, find the option to export the HTML code and copy it to your clipboard. This code is what you'll use to update your Shopify email template. Now, open a new browser tab and log in to your Shopify admin account. Once you're in, navigate to the settings by clicking the gear icon located in the bottom left corner of the screen. From there, go to notifications and then to customer notifications. This section houses all the default email templates that Shopify uses to communicate with your customers. Find the email title that corresponds with the template you just created. For instance, if you designed an order confirmation email, look for that specific email title. Click on it, and you'll be taken to a screen where you can edit the code. In the top right corner of this window, you'll see an option to edit code. Click on it and you'll notice the existing code for the email. Select all the code in that window and delete it completely. This step is crucial as it ensures you're starting with a clean slate where your custom design will take center stage. Now, paste the HTML code you copied from Klaviyo into this empty code window. Double check to ensure all your code is pasted correctly. Once you're satisfied, click save. By doing this, you've successfully integrated your custom-designed email from Klaviyo into Shopify. And there you have it. You've just customized a Shopify email template using Klaviyo. This method not only allows you to personalize your emails, but also ensures that your customer communications are consistent with your brand's identity. Feel free to revisit and adjust your templates as necessary. Remember, the key to effective communication is not just in the content, but in how it's presented as well. Thank you for following along with this tutorial. If you found this guide helpful, be sure to subscribe for more tips and tricks on enhancing your e-commerce experience. Happy customizing.
원문 자막 펼치기
WEBVTT
Kind: captions
Language: en

00:00:00.000 --> 00:00:01.870 align:start position:0%
 
In<00:00:00.280><c> this</c><00:00:00.440><c> video,</c><00:00:01.040><c> I'll</c><00:00:01.200><c> guide</c><00:00:01.520><c> you</c><00:00:01.600><c> through</c>

00:00:01.870 --> 00:00:01.880 align:start position:0%
In this video, I'll guide you through
 

00:00:01.880 --> 00:00:04.190 align:start position:0%
In this video, I'll guide you through
how<00:00:02.040><c> to</c><00:00:02.160><c> customize</c><00:00:02.680><c> Shopify</c><00:00:03.240><c> email</c><00:00:03.560><c> templates</c>

00:00:04.190 --> 00:00:04.200 align:start position:0%
how to customize Shopify email templates
 

00:00:04.200 --> 00:00:06.190 align:start position:0%
how to customize Shopify email templates
using<00:00:04.520><c> Klaviyo.</c><00:00:05.440><c> Whether</c><00:00:05.680><c> you're</c><00:00:05.800><c> looking</c><00:00:06.080><c> to</c>

00:00:06.190 --> 00:00:06.200 align:start position:0%
using Klaviyo. Whether you're looking to
 

00:00:06.200 --> 00:00:08.310 align:start position:0%
using Klaviyo. Whether you're looking to
enhance<00:00:06.600><c> your</c><00:00:06.840><c> email</c><00:00:07.120><c> communications</c><00:00:08.200><c> or</c>

00:00:08.310 --> 00:00:08.320 align:start position:0%
enhance your email communications or
 

00:00:08.320 --> 00:00:10.150 align:start position:0%
enhance your email communications or
simply<00:00:08.680><c> want</c><00:00:08.880><c> to</c><00:00:09.000><c> add</c><00:00:09.160><c> a</c><00:00:09.240><c> personal</c><00:00:09.760><c> touch</c><00:00:10.080><c> to</c>

00:00:10.150 --> 00:00:10.160 align:start position:0%
simply want to add a personal touch to
 

00:00:10.160 --> 00:00:12.510 align:start position:0%
simply want to add a personal touch to
your<00:00:10.280><c> transactional</c><00:00:11.000><c> emails,</c><00:00:11.800><c> this</c><00:00:11.960><c> tutorial</c>

00:00:12.510 --> 00:00:12.520 align:start position:0%
your transactional emails, this tutorial
 

00:00:12.520 --> 00:00:14.190 align:start position:0%
your transactional emails, this tutorial
will<00:00:12.640><c> make</c><00:00:12.840><c> the</c><00:00:12.960><c> process</c><00:00:13.400><c> straightforward</c>

00:00:14.190 --> 00:00:14.200 align:start position:0%
will make the process straightforward
 

00:00:14.200 --> 00:00:16.710 align:start position:0%
will make the process straightforward
and<00:00:14.320><c> efficient.</c><00:00:15.320><c> So,</c><00:00:15.760><c> let's</c><00:00:16.040><c> dive</c><00:00:16.280><c> right</c><00:00:16.520><c> in</c>

00:00:16.710 --> 00:00:16.720 align:start position:0%
and efficient. So, let's dive right in
 

00:00:16.720 --> 00:00:18.510 align:start position:0%
and efficient. So, let's dive right in
and<00:00:16.880><c> transform</c><00:00:17.440><c> those</c><00:00:17.640><c> standard</c><00:00:18.040><c> Shopify</c>

00:00:18.510 --> 00:00:18.520 align:start position:0%
and transform those standard Shopify
 

00:00:18.520 --> 00:00:20.030 align:start position:0%
and transform those standard Shopify
emails<00:00:18.960><c> into</c><00:00:19.160><c> something</c><00:00:19.480><c> that</c><00:00:19.640><c> truly</c>

00:00:20.030 --> 00:00:20.040 align:start position:0%
emails into something that truly
 

00:00:20.040 --> 00:00:22.030 align:start position:0%
emails into something that truly
represents<00:00:20.520><c> your</c><00:00:20.680><c> brand.</c><00:00:21.440><c> First,</c><00:00:21.920><c> we're</c>

00:00:22.030 --> 00:00:22.040 align:start position:0%
represents your brand. First, we're
 

00:00:22.040 --> 00:00:23.350 align:start position:0%
represents your brand. First, we're
going<00:00:22.240><c> to</c><00:00:22.320><c> navigate</c><00:00:22.720><c> to</c><00:00:22.800><c> the</c><00:00:22.920><c> template</c>

00:00:23.350 --> 00:00:23.360 align:start position:0%
going to navigate to the template
 

00:00:23.360 --> 00:00:25.830 align:start position:0%
going to navigate to the template
section<00:00:23.720><c> within</c><00:00:23.960><c> Klaviyo.</c><00:00:24.800><c> To</c><00:00:24.920><c> do</c><00:00:25.080><c> this,</c><00:00:25.640><c> look</c>

00:00:25.830 --> 00:00:25.840 align:start position:0%
section within Klaviyo. To do this, look
 

00:00:25.840 --> 00:00:27.790 align:start position:0%
section within Klaviyo. To do this, look
over<00:00:26.080><c> at</c><00:00:26.160><c> the</c><00:00:26.240><c> left</c><00:00:26.560><c> sidebar</c><00:00:27.120><c> of</c><00:00:27.240><c> your</c><00:00:27.400><c> Klaviyo</c>

00:00:27.790 --> 00:00:27.800 align:start position:0%
over at the left sidebar of your Klaviyo
 

00:00:27.800 --> 00:00:30.030 align:start position:0%
over at the left sidebar of your Klaviyo
dashboard.<00:00:28.680><c> There,</c><00:00:29.200><c> you'll</c><00:00:29.400><c> see</c><00:00:29.560><c> an</c><00:00:29.680><c> option</c>

00:00:30.030 --> 00:00:30.040 align:start position:0%
dashboard. There, you'll see an option
 

00:00:30.040 --> 00:00:32.589 align:start position:0%
dashboard. There, you'll see an option
labeled<00:00:30.560><c> content.</c><00:00:31.440><c> Click</c><00:00:31.640><c> on</c><00:00:31.760><c> that</c><00:00:32.360><c> and</c><00:00:32.480><c> then</c>

00:00:32.589 --> 00:00:32.599 align:start position:0%
labeled content. Click on that and then
 

00:00:32.599 --> 00:00:34.950 align:start position:0%
labeled content. Click on that and then
go<00:00:32.759><c> to</c><00:00:32.920><c> templates.</c><00:00:34.040><c> Here,</c><00:00:34.400><c> you'll</c><00:00:34.600><c> find</c><00:00:34.840><c> the</c>

00:00:34.950 --> 00:00:34.960 align:start position:0%
go to templates. Here, you'll find the
 

00:00:34.960 --> 00:00:37.190 align:start position:0%
go to templates. Here, you'll find the
option<00:00:35.280><c> to</c><00:00:35.360><c> create</c><00:00:35.720><c> a</c><00:00:35.760><c> new</c><00:00:36.000><c> template.</c>

00:00:37.190 --> 00:00:37.200 align:start position:0%
option to create a new template.
 

00:00:37.200 --> 00:00:38.990 align:start position:0%
option to create a new template.
If<00:00:37.440><c> you</c><00:00:37.560><c> prefer,</c><00:00:38.080><c> you</c><00:00:38.200><c> can</c><00:00:38.320><c> also</c><00:00:38.640><c> browse</c>

00:00:38.990 --> 00:00:39.000 align:start position:0%
If you prefer, you can also browse
 

00:00:39.000 --> 00:00:40.830 align:start position:0%
If you prefer, you can also browse
through<00:00:39.200><c> Shopify</c><00:00:39.720><c> templates</c><00:00:40.280><c> to</c><00:00:40.400><c> explore</c><00:00:40.800><c> a</c>

00:00:40.830 --> 00:00:40.840 align:start position:0%
through Shopify templates to explore a
 

00:00:40.840 --> 00:00:42.510 align:start position:0%
through Shopify templates to explore a
library<00:00:41.240><c> of</c><00:00:41.360><c> pre-built</c><00:00:41.880><c> transactional</c>

00:00:42.510 --> 00:00:42.520 align:start position:0%
library of pre-built transactional
 

00:00:42.520 --> 00:00:44.710 align:start position:0%
library of pre-built transactional
layouts.<00:00:43.440><c> This</c><00:00:43.640><c> is</c><00:00:43.760><c> a</c><00:00:43.800><c> great</c><00:00:44.040><c> starting</c><00:00:44.440><c> point</c>

00:00:44.710 --> 00:00:44.720 align:start position:0%
layouts. This is a great starting point
 

00:00:44.720 --> 00:00:46.310 align:start position:0%
layouts. This is a great starting point
if<00:00:44.840><c> you</c><00:00:44.920><c> want</c><00:00:45.080><c> some</c><00:00:45.200><c> inspiration</c><00:00:46.000><c> or</c><00:00:46.120><c> need</c><00:00:46.280><c> a</c>

00:00:46.310 --> 00:00:46.320 align:start position:0%
if you want some inspiration or need a
 

00:00:46.320 --> 00:00:48.390 align:start position:0%
if you want some inspiration or need a
quick<00:00:46.600><c> setup.</c><00:00:47.400><c> Once</c><00:00:47.640><c> you've</c><00:00:47.760><c> decided</c><00:00:48.240><c> on</c><00:00:48.320><c> the</c>

00:00:48.390 --> 00:00:48.400 align:start position:0%
quick setup. Once you've decided on the
 

00:00:48.400 --> 00:00:49.910 align:start position:0%
quick setup. Once you've decided on the
specific<00:00:48.920><c> template</c><00:00:49.360><c> type</c><00:00:49.600><c> you</c><00:00:49.720><c> want</c><00:00:49.840><c> to</c>

00:00:49.910 --> 00:00:49.920 align:start position:0%
specific template type you want to
 

00:00:49.920 --> 00:00:52.630 align:start position:0%
specific template type you want to
build,<00:00:50.440><c> it's</c><00:00:50.640><c> time</c><00:00:50.880><c> to</c><00:00:51.000><c> get</c><00:00:51.160><c> creative.</c><00:00:52.120><c> Design</c>

00:00:52.630 --> 00:00:52.640 align:start position:0%
build, it's time to get creative. Design
 

00:00:52.640 --> 00:00:54.470 align:start position:0%
build, it's time to get creative. Design
and<00:00:52.760><c> customize</c><00:00:53.320><c> your</c><00:00:53.520><c> email</c><00:00:53.840><c> template</c><00:00:54.360><c> to</c>

00:00:54.470 --> 00:00:54.480 align:start position:0%
and customize your email template to
 

00:00:54.480 --> 00:00:56.510 align:start position:0%
and customize your email template to
align<00:00:54.840><c> with</c><00:00:54.960><c> your</c><00:00:55.120><c> brand's</c><00:00:55.480><c> aesthetics.</c>

00:00:56.510 --> 00:00:56.520 align:start position:0%
align with your brand's aesthetics.
 

00:00:56.520 --> 00:00:58.230 align:start position:0%
align with your brand's aesthetics.
Klaviyo<00:00:56.920><c> offers</c><00:00:57.160><c> a</c><00:00:57.240><c> range</c><00:00:57.520><c> of</c><00:00:57.600><c> tools</c><00:00:57.920><c> to</c><00:00:58.000><c> help</c>

00:00:58.230 --> 00:00:58.240 align:start position:0%
Klaviyo offers a range of tools to help
 

00:00:58.240 --> 00:00:59.830 align:start position:0%
Klaviyo offers a range of tools to help
you<00:00:58.360><c> with</c><00:00:58.480><c> this,</c><00:00:58.880><c> such</c><00:00:59.160><c> as</c><00:00:59.280><c> drag-and-drop</c>

00:00:59.830 --> 00:00:59.840 align:start position:0%
you with this, such as drag-and-drop
 

00:00:59.840 --> 00:01:01.790 align:start position:0%
you with this, such as drag-and-drop
features<00:01:00.280><c> for</c><00:01:00.440><c> adding</c><00:01:00.720><c> images,</c><00:01:01.200><c> text,</c><00:01:01.640><c> and</c>

00:01:01.790 --> 00:01:01.800 align:start position:0%
features for adding images, text, and
 

00:01:01.800 --> 00:01:04.030 align:start position:0%
features for adding images, text, and
buttons.<00:01:02.720><c> Take</c><00:01:02.960><c> your</c><00:01:03.080><c> time</c><00:01:03.360><c> here</c><00:01:03.560><c> to</c><00:01:03.680><c> ensure</c>

00:01:04.030 --> 00:01:04.040 align:start position:0%
buttons. Take your time here to ensure
 

00:01:04.040 --> 00:01:06.390 align:start position:0%
buttons. Take your time here to ensure
everything<00:01:04.400><c> looks</c><00:01:04.640><c> just</c><00:01:04.960><c> right.</c><00:01:05.640><c> Remember,</c>

00:01:06.390 --> 00:01:06.400 align:start position:0%
everything looks just right. Remember,
 

00:01:06.400 --> 00:01:07.870 align:start position:0%
everything looks just right. Remember,
the<00:01:06.480><c> goal</c><00:01:06.760><c> is</c><00:01:06.880><c> to</c><00:01:07.000><c> create</c><00:01:07.360><c> a</c><00:01:07.440><c> seamless</c>

00:01:07.870 --> 00:01:07.880 align:start position:0%
the goal is to create a seamless
 

00:01:07.880 --> 00:01:09.630 align:start position:0%
the goal is to create a seamless
experience<00:01:08.480><c> for</c><00:01:08.600><c> your</c><00:01:08.720><c> customers</c><00:01:09.240><c> that</c><00:01:09.400><c> feels</c>

00:01:09.630 --> 00:01:09.640 align:start position:0%
experience for your customers that feels
 

00:01:09.640 --> 00:01:11.670 align:start position:0%
experience for your customers that feels
personalized<00:01:10.360><c> and</c><00:01:10.480><c> professional.</c><00:01:11.400><c> After</c>

00:01:11.670 --> 00:01:11.680 align:start position:0%
personalized and professional. After
 

00:01:11.680 --> 00:01:13.270 align:start position:0%
personalized and professional. After
you're<00:01:11.840><c> satisfied</c><00:01:12.400><c> with</c><00:01:12.520><c> your</c><00:01:12.640><c> design,</c><00:01:13.200><c> the</c>

00:01:13.270 --> 00:01:13.280 align:start position:0%
you're satisfied with your design, the
 

00:01:13.280 --> 00:01:15.830 align:start position:0%
you're satisfied with your design, the
next<00:01:13.520><c> step</c><00:01:13.800><c> is</c><00:01:13.920><c> to</c><00:01:14.040><c> export</c><00:01:14.480><c> the</c><00:01:14.560><c> HTML</c><00:01:15.160><c> code.</c>

00:01:15.830 --> 00:01:15.840 align:start position:0%
next step is to export the HTML code.
 

00:01:15.840 --> 00:01:17.830 align:start position:0%
next step is to export the HTML code.
Klaviyo<00:01:16.280><c> makes</c><00:01:16.560><c> this</c><00:01:16.760><c> simple.</c><00:01:17.480><c> Once</c><00:01:17.720><c> your</c>

00:01:17.830 --> 00:01:17.840 align:start position:0%
Klaviyo makes this simple. Once your
 

00:01:17.840 --> 00:01:20.030 align:start position:0%
Klaviyo makes this simple. Once your
design<00:01:18.200><c> is</c><00:01:18.320><c> complete,</c><00:01:19.160><c> find</c><00:01:19.440><c> the</c><00:01:19.560><c> option</c><00:01:19.920><c> to</c>

00:01:20.030 --> 00:01:20.040 align:start position:0%
design is complete, find the option to
 

00:01:20.040 --> 00:01:22.790 align:start position:0%
design is complete, find the option to
export<00:01:20.520><c> the</c><00:01:20.640><c> HTML</c><00:01:21.320><c> code</c><00:01:21.960><c> and</c><00:01:22.160><c> copy</c><00:01:22.440><c> it</c><00:01:22.560><c> to</c><00:01:22.640><c> your</c>

00:01:22.790 --> 00:01:22.800 align:start position:0%
export the HTML code and copy it to your
 

00:01:22.800 --> 00:01:24.790 align:start position:0%
export the HTML code and copy it to your
clipboard.<00:01:23.680><c> This</c><00:01:23.840><c> code</c><00:01:24.160><c> is</c><00:01:24.280><c> what</c><00:01:24.400><c> you'll</c><00:01:24.600><c> use</c>

00:01:24.790 --> 00:01:24.800 align:start position:0%
clipboard. This code is what you'll use
 

00:01:24.800 --> 00:01:27.150 align:start position:0%
clipboard. This code is what you'll use
to<00:01:24.920><c> update</c><00:01:25.280><c> your</c><00:01:25.400><c> Shopify</c><00:01:25.920><c> email</c><00:01:26.240><c> template.</c>

00:01:27.150 --> 00:01:27.160 align:start position:0%
to update your Shopify email template.
 

00:01:27.160 --> 00:01:29.390 align:start position:0%
to update your Shopify email template.
Now,<00:01:27.800><c> open</c><00:01:28.080><c> a</c><00:01:28.120><c> new</c><00:01:28.280><c> browser</c><00:01:28.640><c> tab</c><00:01:29.000><c> and</c><00:01:29.120><c> log</c><00:01:29.320><c> in</c>

00:01:29.390 --> 00:01:29.400 align:start position:0%
Now, open a new browser tab and log in
 

00:01:29.400 --> 00:01:31.590 align:start position:0%
Now, open a new browser tab and log in
to<00:01:29.520><c> your</c><00:01:29.640><c> Shopify</c><00:01:30.120><c> admin</c><00:01:30.400><c> account.</c><00:01:31.400><c> Once</c>

00:01:31.590 --> 00:01:31.600 align:start position:0%
to your Shopify admin account. Once
 

00:01:31.600 --> 00:01:33.470 align:start position:0%
to your Shopify admin account. Once
you're<00:01:31.760><c> in,</c><00:01:32.200><c> navigate</c><00:01:32.680><c> to</c><00:01:32.760><c> the</c><00:01:32.840><c> settings</c><00:01:33.320><c> by</c>

00:01:33.470 --> 00:01:33.480 align:start position:0%
you're in, navigate to the settings by
 

00:01:33.480 --> 00:01:35.310 align:start position:0%
you're in, navigate to the settings by
clicking<00:01:33.800><c> the</c><00:01:33.920><c> gear</c><00:01:34.280><c> icon</c><00:01:34.680><c> located</c><00:01:35.160><c> in</c><00:01:35.240><c> the</c>

00:01:35.310 --> 00:01:35.320 align:start position:0%
clicking the gear icon located in the
 

00:01:35.320 --> 00:01:37.470 align:start position:0%
clicking the gear icon located in the
bottom<00:01:35.680><c> left</c><00:01:35.960><c> corner</c><00:01:36.240><c> of</c><00:01:36.320><c> the</c><00:01:36.400><c> screen.</c><00:01:37.280><c> From</c>

00:01:37.470 --> 00:01:37.480 align:start position:0%
bottom left corner of the screen. From
 

00:01:37.480 --> 00:01:40.030 align:start position:0%
bottom left corner of the screen. From
there,<00:01:37.960><c> go</c><00:01:38.120><c> to</c><00:01:38.240><c> notifications</c><00:01:39.280><c> and</c><00:01:39.400><c> then</c><00:01:39.680><c> to</c>

00:01:40.030 --> 00:01:40.040 align:start position:0%
there, go to notifications and then to
 

00:01:40.040 --> 00:01:42.350 align:start position:0%
there, go to notifications and then to
customer<00:01:40.440><c> notifications.</c><00:01:41.800><c> This</c><00:01:42.000><c> section</c>

00:01:42.350 --> 00:01:42.360 align:start position:0%
customer notifications. This section
 

00:01:42.360 --> 00:01:44.310 align:start position:0%
customer notifications. This section
houses<00:01:42.800><c> all</c><00:01:42.960><c> the</c><00:01:43.080><c> default</c><00:01:43.520><c> email</c><00:01:43.800><c> templates</c>

00:01:44.310 --> 00:01:44.320 align:start position:0%
houses all the default email templates
 

00:01:44.320 --> 00:01:46.150 align:start position:0%
houses all the default email templates
that<00:01:44.480><c> Shopify</c><00:01:44.960><c> uses</c><00:01:45.400><c> to</c><00:01:45.520><c> communicate</c><00:01:46.040><c> with</c>

00:01:46.150 --> 00:01:46.160 align:start position:0%
that Shopify uses to communicate with
 

00:01:46.160 --> 00:01:48.230 align:start position:0%
that Shopify uses to communicate with
your<00:01:46.280><c> customers.</c><00:01:47.280><c> Find</c><00:01:47.560><c> the</c><00:01:47.640><c> email</c><00:01:47.920><c> title</c>

00:01:48.230 --> 00:01:48.240 align:start position:0%
your customers. Find the email title
 

00:01:48.240 --> 00:01:49.670 align:start position:0%
your customers. Find the email title
that<00:01:48.400><c> corresponds</c><00:01:48.960><c> with</c><00:01:49.080><c> the</c><00:01:49.160><c> template</c><00:01:49.600><c> you</c>

00:01:49.670 --> 00:01:49.680 align:start position:0%
that corresponds with the template you
 

00:01:49.680 --> 00:01:51.830 align:start position:0%
that corresponds with the template you
just<00:01:49.880><c> created.</c><00:01:50.920><c> For</c><00:01:51.040><c> instance,</c><00:01:51.640><c> if</c><00:01:51.760><c> you</c>

00:01:51.830 --> 00:01:51.840 align:start position:0%
just created. For instance, if you
 

00:01:51.840 --> 00:01:53.790 align:start position:0%
just created. For instance, if you
designed<00:01:52.200><c> an</c><00:01:52.320><c> order</c><00:01:52.520><c> confirmation</c><00:01:53.120><c> email,</c>

00:01:53.790 --> 00:01:53.800 align:start position:0%
designed an order confirmation email,
 

00:01:53.800 --> 00:01:55.870 align:start position:0%
designed an order confirmation email,
look<00:01:54.040><c> for</c><00:01:54.160><c> that</c><00:01:54.360><c> specific</c><00:01:54.880><c> email</c><00:01:55.160><c> title.</c>

00:01:55.870 --> 00:01:55.880 align:start position:0%
look for that specific email title.
 

00:01:55.880 --> 00:01:57.550 align:start position:0%
look for that specific email title.
Click<00:01:56.120><c> on</c><00:01:56.240><c> it,</c><00:01:56.720><c> and</c><00:01:56.840><c> you'll</c><00:01:56.920><c> be</c><00:01:57.040><c> taken</c><00:01:57.360><c> to</c><00:01:57.520><c> a</c>

00:01:57.550 --> 00:01:57.560 align:start position:0%
Click on it, and you'll be taken to a
 

00:01:57.560 --> 00:01:59.550 align:start position:0%
Click on it, and you'll be taken to a
screen<00:01:58.000><c> where</c><00:01:58.120><c> you</c><00:01:58.240><c> can</c><00:01:58.400><c> edit</c><00:01:58.640><c> the</c><00:01:58.720><c> code.</c><00:01:59.440><c> In</c>

00:01:59.550 --> 00:01:59.560 align:start position:0%
screen where you can edit the code. In
 

00:01:59.560 --> 00:02:01.190 align:start position:0%
screen where you can edit the code. In
the<00:01:59.640><c> top</c><00:01:59.880><c> right</c><00:02:00.080><c> corner</c><00:02:00.360><c> of</c><00:02:00.440><c> this</c><00:02:00.600><c> window,</c>

00:02:01.190 --> 00:02:01.200 align:start position:0%
the top right corner of this window,
 

00:02:01.200 --> 00:02:03.510 align:start position:0%
the top right corner of this window,
you'll<00:02:01.360><c> see</c><00:02:01.520><c> an</c><00:02:01.640><c> option</c><00:02:01.960><c> to</c><00:02:02.200><c> edit</c><00:02:02.560><c> code.</c><00:02:03.240><c> Click</c>

00:02:03.510 --> 00:02:03.520 align:start position:0%
you'll see an option to edit code. Click
 

00:02:03.520 --> 00:02:05.350 align:start position:0%
you'll see an option to edit code. Click
on<00:02:03.640><c> it</c><00:02:04.120><c> and</c><00:02:04.240><c> you'll</c><00:02:04.400><c> notice</c><00:02:04.760><c> the</c><00:02:04.880><c> existing</c>

00:02:05.350 --> 00:02:05.360 align:start position:0%
on it and you'll notice the existing
 

00:02:05.360 --> 00:02:07.550 align:start position:0%
on it and you'll notice the existing
code<00:02:05.640><c> for</c><00:02:05.720><c> the</c><00:02:05.880><c> email.</c><00:02:06.640><c> Select</c><00:02:07.080><c> all</c><00:02:07.200><c> the</c><00:02:07.280><c> code</c>

00:02:07.550 --> 00:02:07.560 align:start position:0%
code for the email. Select all the code
 

00:02:07.560 --> 00:02:09.870 align:start position:0%
code for the email. Select all the code
in<00:02:07.680><c> that</c><00:02:07.840><c> window</c><00:02:08.280><c> and</c><00:02:08.440><c> delete</c><00:02:08.759><c> it</c><00:02:08.880><c> completely.</c>

00:02:09.870 --> 00:02:09.880 align:start position:0%
in that window and delete it completely.
 

00:02:09.880 --> 00:02:11.590 align:start position:0%
in that window and delete it completely.
This<00:02:10.080><c> step</c><00:02:10.320><c> is</c><00:02:10.440><c> crucial</c><00:02:10.920><c> as</c><00:02:11.080><c> it</c><00:02:11.160><c> ensures</c>

00:02:11.590 --> 00:02:11.600 align:start position:0%
This step is crucial as it ensures
 

00:02:11.600 --> 00:02:13.470 align:start position:0%
This step is crucial as it ensures
you're<00:02:11.720><c> starting</c><00:02:12.160><c> with</c><00:02:12.280><c> a</c><00:02:12.320><c> clean</c><00:02:12.640><c> slate</c><00:02:13.360><c> where</c>

00:02:13.470 --> 00:02:13.480 align:start position:0%
you're starting with a clean slate where
 

00:02:13.480 --> 00:02:15.150 align:start position:0%
you're starting with a clean slate where
your<00:02:13.640><c> custom</c><00:02:14.000><c> design</c><00:02:14.480><c> will</c><00:02:14.600><c> take</c><00:02:14.840><c> center</c>

00:02:15.150 --> 00:02:15.160 align:start position:0%
your custom design will take center
 

00:02:15.160 --> 00:02:17.990 align:start position:0%
your custom design will take center
stage.<00:02:16.080><c> Now,</c><00:02:16.680><c> paste</c><00:02:16.959><c> the</c><00:02:17.040><c> HTML</c><00:02:17.640><c> code</c><00:02:17.880><c> you</c>

00:02:17.990 --> 00:02:18.000 align:start position:0%
stage. Now, paste the HTML code you
 

00:02:18.000 --> 00:02:19.949 align:start position:0%
stage. Now, paste the HTML code you
copied<00:02:18.320><c> from</c><00:02:18.480><c> Klaviyo</c><00:02:18.959><c> into</c><00:02:19.200><c> this</c><00:02:19.400><c> empty</c><00:02:19.680><c> code</c>

00:02:19.949 --> 00:02:19.959 align:start position:0%
copied from Klaviyo into this empty code
 

00:02:19.959 --> 00:02:20.990 align:start position:0%
copied from Klaviyo into this empty code
window.

00:02:20.990 --> 00:02:21.000 align:start position:0%
window.
 

00:02:21.000 --> 00:02:22.750 align:start position:0%
window.
Double<00:02:21.240><c> check</c><00:02:21.560><c> to</c><00:02:21.680><c> ensure</c><00:02:22.080><c> all</c><00:02:22.200><c> your</c><00:02:22.400><c> code</c><00:02:22.640><c> is</c>

00:02:22.750 --> 00:02:22.760 align:start position:0%
Double check to ensure all your code is
 

00:02:22.760 --> 00:02:25.230 align:start position:0%
Double check to ensure all your code is
pasted<00:02:23.160><c> correctly.</c><00:02:24.080><c> Once</c><00:02:24.320><c> you're</c><00:02:24.440><c> satisfied,</c>

00:02:25.230 --> 00:02:25.240 align:start position:0%
pasted correctly. Once you're satisfied,
 

00:02:25.240 --> 00:02:27.470 align:start position:0%
pasted correctly. Once you're satisfied,
click<00:02:25.560><c> save.</c><00:02:26.400><c> By</c><00:02:26.520><c> doing</c><00:02:26.840><c> this,</c><00:02:27.280><c> you've</c>

00:02:27.470 --> 00:02:27.480 align:start position:0%
click save. By doing this, you've
 

00:02:27.480 --> 00:02:28.910 align:start position:0%
click save. By doing this, you've
successfully<00:02:28.160><c> integrated</c><00:02:28.760><c> your</c>

00:02:28.910 --> 00:02:28.920 align:start position:0%
successfully integrated your
 

00:02:28.920 --> 00:02:31.270 align:start position:0%
successfully integrated your
custom-designed<00:02:29.760><c> email</c><00:02:30.160><c> from</c><00:02:30.360><c> Klaviyo</c><00:02:31.000><c> into</c>

00:02:31.270 --> 00:02:31.280 align:start position:0%
custom-designed email from Klaviyo into
 

00:02:31.280 --> 00:02:33.270 align:start position:0%
custom-designed email from Klaviyo into
Shopify.<00:02:32.240><c> And</c><00:02:32.360><c> there</c><00:02:32.520><c> you</c><00:02:32.640><c> have</c><00:02:32.840><c> it.</c><00:02:33.160><c> You've</c>

00:02:33.270 --> 00:02:33.280 align:start position:0%
Shopify. And there you have it. You've
 

00:02:33.280 --> 00:02:35.430 align:start position:0%
Shopify. And there you have it. You've
just<00:02:33.480><c> customized</c><00:02:34.040><c> a</c><00:02:34.080><c> Shopify</c><00:02:34.600><c> email</c><00:02:34.959><c> template</c>

00:02:35.430 --> 00:02:35.440 align:start position:0%
just customized a Shopify email template
 

00:02:35.440 --> 00:02:37.430 align:start position:0%
just customized a Shopify email template
using<00:02:35.680><c> Klaviyo.</c><00:02:36.520><c> This</c><00:02:36.720><c> method</c><00:02:37.040><c> not</c><00:02:37.240><c> only</c>

00:02:37.430 --> 00:02:37.440 align:start position:0%
using Klaviyo. This method not only
 

00:02:37.440 --> 00:02:39.150 align:start position:0%
using Klaviyo. This method not only
allows<00:02:37.760><c> you</c><00:02:37.880><c> to</c><00:02:37.959><c> personalize</c><00:02:38.520><c> your</c><00:02:38.720><c> emails,</c>

00:02:39.150 --> 00:02:39.160 align:start position:0%
allows you to personalize your emails,
 

00:02:39.160 --> 00:02:40.710 align:start position:0%
allows you to personalize your emails,
but<00:02:39.320><c> also</c><00:02:39.600><c> ensures</c><00:02:40.080><c> that</c><00:02:40.200><c> your</c><00:02:40.360><c> customer</c>

00:02:40.710 --> 00:02:40.720 align:start position:0%
but also ensures that your customer
 

00:02:40.720 --> 00:02:42.830 align:start position:0%
but also ensures that your customer
communications<00:02:41.560><c> are</c><00:02:41.680><c> consistent</c><00:02:42.560><c> with</c><00:02:42.680><c> your</c>

00:02:42.830 --> 00:02:42.840 align:start position:0%
communications are consistent with your
 

00:02:42.840 --> 00:02:45.270 align:start position:0%
communications are consistent with your
brand's<00:02:43.280><c> identity.</c><00:02:44.360><c> Feel</c><00:02:44.480><c> free</c><00:02:44.720><c> to</c><00:02:44.840><c> revisit</c>

00:02:45.270 --> 00:02:45.280 align:start position:0%
brand's identity. Feel free to revisit
 

00:02:45.280 --> 00:02:47.350 align:start position:0%
brand's identity. Feel free to revisit
and<00:02:45.400><c> adjust</c><00:02:45.720><c> your</c><00:02:45.840><c> templates</c><00:02:46.320><c> as</c><00:02:46.440><c> necessary.</c>

00:02:47.350 --> 00:02:47.360 align:start position:0%
and adjust your templates as necessary.
 

00:02:47.360 --> 00:02:48.949 align:start position:0%
and adjust your templates as necessary.
Remember,<00:02:48.080><c> the</c><00:02:48.200><c> key</c><00:02:48.400><c> to</c><00:02:48.560><c> effective</c>

00:02:48.949 --> 00:02:48.959 align:start position:0%
Remember, the key to effective
 

00:02:48.959 --> 00:02:50.430 align:start position:0%
Remember, the key to effective
communication<00:02:49.680><c> is</c><00:02:49.800><c> not</c><00:02:50.040><c> just</c><00:02:50.280><c> in</c><00:02:50.360><c> the</c>

00:02:50.430 --> 00:02:50.440 align:start position:0%
communication is not just in the
 

00:02:50.440 --> 00:02:52.430 align:start position:0%
communication is not just in the
content,<00:02:51.200><c> but</c><00:02:51.320><c> in</c><00:02:51.440><c> how</c><00:02:51.640><c> it's</c><00:02:51.800><c> presented</c><00:02:52.280><c> as</c>

00:02:52.430 --> 00:02:52.440 align:start position:0%
content, but in how it's presented as
 

00:02:52.440 --> 00:02:54.310 align:start position:0%
content, but in how it's presented as
well.<00:02:53.080><c> Thank</c><00:02:53.360><c> you</c><00:02:53.480><c> for</c><00:02:53.640><c> following</c><00:02:53.959><c> along</c><00:02:54.200><c> with</c>

00:02:54.310 --> 00:02:54.320 align:start position:0%
well. Thank you for following along with
 

00:02:54.320 --> 00:02:56.230 align:start position:0%
well. Thank you for following along with
this<00:02:54.480><c> tutorial.</c><00:02:55.360><c> If</c><00:02:55.520><c> you</c><00:02:55.600><c> found</c><00:02:55.840><c> this</c><00:02:56.000><c> guide</c>

00:02:56.230 --> 00:02:56.240 align:start position:0%
this tutorial. If you found this guide
 

00:02:56.240 --> 00:02:58.270 align:start position:0%
this tutorial. If you found this guide
helpful,<00:02:56.920><c> be</c><00:02:57.040><c> sure</c><00:02:57.240><c> to</c><00:02:57.360><c> subscribe</c><00:02:57.920><c> for</c><00:02:58.040><c> more</c>

00:02:58.270 --> 00:02:58.280 align:start position:0%
helpful, be sure to subscribe for more
 

00:02:58.280 --> 00:02:59.870 align:start position:0%
helpful, be sure to subscribe for more
tips<00:02:58.560><c> and</c><00:02:58.680><c> tricks</c><00:02:59.040><c> on</c><00:02:59.160><c> enhancing</c><00:02:59.680><c> your</c>

00:02:59.870 --> 00:02:59.880 align:start position:0%
tips and tricks on enhancing your
 

00:02:59.880 --> 00:03:01.750 align:start position:0%
tips and tricks on enhancing your
e-commerce<00:03:00.360><c> experience.</c><00:03:01.480><c> Happy</c>

00:03:01.750 --> 00:03:01.760 align:start position:0%
e-commerce experience. Happy
 

00:03:01.760 --> 00:03:04.640 align:start position:0%
e-commerce experience. Happy
customizing.

이 자료가 속한 분류

콘텐츠 관리
Klaviyo 세팅·활용

← 돌아가기