TUTOR BASE
내용
[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.