Shopify Academy
내용
[subtitle-meta] lang=en auto=True
The first step in designing your
storefront is selecting a theme. To get
started, go to customize your online
store. While Shopify provides a range of
free and paid themes in its theme store,
it now offers an exciting new feature,
AI powered custom theme generation.
Instead of browsing through a catalog of
pre-esigned themes, you can simply
describe the kind of website you
envision. Based on your description,
Shopify will generate several theme
options for you to choose from. This
dynamic approach can be a fantastic
starting point for designing your online
store and has the potential to transform
how you discover the ideal look for your
brand. You can find this option while
setting up your theme. For this
walkthrough, we'll start with Horizon, a
popular and flexible free theme that
serves as a great foundation for many
businesses.
Once you've selected a theme, the next
step is to customize your homepage.
Select the customize button next to your
active theme, which will take you to the
theme editor. In this space, you can
modify various sections of your
homepage, such as adding banners,
featured product sections, and more. You
can rearrange these sections to create
the layout that best suits your needs.
While we won't delve into detail here,
it's important to familiarize yourself
with the options available for
presenting your product details, images,
and variants.
Having a custom domain name is essential
for establishing your brand identity. To
manage your domain, select customize in
the customize your domain tile. You can
connect an existing domain that you've
purchased from a thirdparty provider,
buy a new domain, or customize your
myshopify.com
domain for free. When choosing a new
domain, Shopify helps you discover
available domain names and suggests
options based on your store name and
brand. This makes it easy to find the
perfect web address for your business.
Choosing the right theme is important
for creating a storefront that showcases
your brand's identity. Shopify's AI
powered theme generator simplifies this
by offering personalized theme options
based on your vision. Getting a custom
domain further boosts your brand's
presence, making your store easier to
find. Together, these steps set a strong
foundation for your online store.
원문 자막 펼치기
WEBVTT Kind: captions Language: en 00:00:04.560 --> 00:00:06.550 align:start position:0% The<00:00:04.880><c> first</c><00:00:05.200><c> step</c><00:00:05.440><c> in</c><00:00:05.759><c> designing</c><00:00:06.240><c> your</c> 00:00:06.550 --> 00:00:06.560 align:start position:0% The first step in designing your 00:00:06.560 --> 00:00:09.589 align:start position:0% The first step in designing your storefront<00:00:07.120><c> is</c><00:00:07.359><c> selecting</c><00:00:07.839><c> a</c><00:00:08.080><c> theme.</c><00:00:09.120><c> To</c><00:00:09.440><c> get</c> 00:00:09.589 --> 00:00:09.599 align:start position:0% storefront is selecting a theme. To get 00:00:09.599 --> 00:00:12.070 align:start position:0% storefront is selecting a theme. To get started,<00:00:10.240><c> go</c><00:00:10.480><c> to</c><00:00:10.800><c> customize</c><00:00:11.360><c> your</c><00:00:11.679><c> online</c> 00:00:12.070 --> 00:00:12.080 align:start position:0% started, go to customize your online 00:00:12.080 --> 00:00:15.430 align:start position:0% started, go to customize your online store.<00:00:13.360><c> While</c><00:00:13.599><c> Shopify</c><00:00:14.320><c> provides</c><00:00:14.719><c> a</c><00:00:14.960><c> range</c><00:00:15.200><c> of</c> 00:00:15.430 --> 00:00:15.440 align:start position:0% store. While Shopify provides a range of 00:00:15.440 --> 00:00:17.990 align:start position:0% store. While Shopify provides a range of free<00:00:15.759><c> and</c><00:00:16.000><c> paid</c><00:00:16.320><c> themes</c><00:00:16.720><c> in</c><00:00:16.960><c> its</c><00:00:17.199><c> theme</c><00:00:17.520><c> store,</c> 00:00:17.990 --> 00:00:18.000 align:start position:0% free and paid themes in its theme store, 00:00:18.000 --> 00:00:20.710 align:start position:0% free and paid themes in its theme store, it<00:00:18.320><c> now</c><00:00:18.480><c> offers</c><00:00:18.880><c> an</c><00:00:19.119><c> exciting</c><00:00:19.600><c> new</c><00:00:19.840><c> feature,</c> 00:00:20.710 --> 00:00:20.720 align:start position:0% it now offers an exciting new feature, 00:00:20.720 --> 00:00:23.670 align:start position:0% it now offers an exciting new feature, AI<00:00:21.199><c> powered</c><00:00:21.760><c> custom</c><00:00:22.240><c> theme</c><00:00:22.640><c> generation.</c> 00:00:23.670 --> 00:00:23.680 align:start position:0% AI powered custom theme generation. 00:00:23.680 --> 00:00:25.670 align:start position:0% AI powered custom theme generation. Instead<00:00:24.080><c> of</c><00:00:24.240><c> browsing</c><00:00:24.640><c> through</c><00:00:24.880><c> a</c><00:00:25.119><c> catalog</c><00:00:25.519><c> of</c> 00:00:25.670 --> 00:00:25.680 align:start position:0% Instead of browsing through a catalog of 00:00:25.680 --> 00:00:27.910 align:start position:0% Instead of browsing through a catalog of pre-esigned<00:00:26.400><c> themes,</c><00:00:27.119><c> you</c><00:00:27.359><c> can</c><00:00:27.519><c> simply</c> 00:00:27.910 --> 00:00:27.920 align:start position:0% pre-esigned themes, you can simply 00:00:27.920 --> 00:00:29.669 align:start position:0% pre-esigned themes, you can simply describe<00:00:28.400><c> the</c><00:00:28.640><c> kind</c><00:00:28.800><c> of</c><00:00:28.960><c> website</c><00:00:29.439><c> you</c> 00:00:29.669 --> 00:00:29.679 align:start position:0% describe the kind of website you 00:00:29.679 --> 00:00:32.470 align:start position:0% describe the kind of website you envision.<00:00:30.960><c> Based</c><00:00:31.279><c> on</c><00:00:31.439><c> your</c><00:00:31.760><c> description,</c> 00:00:32.470 --> 00:00:32.480 align:start position:0% envision. Based on your description, 00:00:32.480 --> 00:00:34.470 align:start position:0% envision. Based on your description, Shopify<00:00:33.120><c> will</c><00:00:33.280><c> generate</c><00:00:33.760><c> several</c><00:00:34.160><c> theme</c> 00:00:34.470 --> 00:00:34.480 align:start position:0% Shopify will generate several theme 00:00:34.480 --> 00:00:36.870 align:start position:0% Shopify will generate several theme options<00:00:34.880><c> for</c><00:00:35.120><c> you</c><00:00:35.280><c> to</c><00:00:35.440><c> choose</c><00:00:35.680><c> from.</c><00:00:36.640><c> This</c> 00:00:36.870 --> 00:00:36.880 align:start position:0% options for you to choose from. This 00:00:36.880 --> 00:00:39.190 align:start position:0% options for you to choose from. This dynamic<00:00:37.440><c> approach</c><00:00:37.840><c> can</c><00:00:38.000><c> be</c><00:00:38.160><c> a</c><00:00:38.399><c> fantastic</c> 00:00:39.190 --> 00:00:39.200 align:start position:0% dynamic approach can be a fantastic 00:00:39.200 --> 00:00:41.430 align:start position:0% dynamic approach can be a fantastic starting<00:00:39.600><c> point</c><00:00:39.920><c> for</c><00:00:40.320><c> designing</c><00:00:40.719><c> your</c><00:00:40.960><c> online</c> 00:00:41.430 --> 00:00:41.440 align:start position:0% starting point for designing your online 00:00:41.440 --> 00:00:44.069 align:start position:0% starting point for designing your online store<00:00:42.000><c> and</c><00:00:42.239><c> has</c><00:00:42.480><c> the</c><00:00:42.719><c> potential</c><00:00:43.040><c> to</c><00:00:43.360><c> transform</c> 00:00:44.069 --> 00:00:44.079 align:start position:0% store and has the potential to transform 00:00:44.079 --> 00:00:46.549 align:start position:0% store and has the potential to transform how<00:00:44.320><c> you</c><00:00:44.559><c> discover</c><00:00:45.040><c> the</c><00:00:45.360><c> ideal</c><00:00:45.840><c> look</c><00:00:46.079><c> for</c><00:00:46.320><c> your</c> 00:00:46.549 --> 00:00:46.559 align:start position:0% how you discover the ideal look for your 00:00:46.559 --> 00:00:49.029 align:start position:0% how you discover the ideal look for your brand.<00:00:47.360><c> You</c><00:00:47.520><c> can</c><00:00:47.680><c> find</c><00:00:47.920><c> this</c><00:00:48.160><c> option</c><00:00:48.640><c> while</c> 00:00:49.029 --> 00:00:49.039 align:start position:0% brand. You can find this option while 00:00:49.039 --> 00:00:51.029 align:start position:0% brand. You can find this option while setting<00:00:49.280><c> up</c><00:00:49.440><c> your</c><00:00:49.680><c> theme.</c><00:00:50.640><c> For</c><00:00:50.879><c> this</c> 00:00:51.029 --> 00:00:51.039 align:start position:0% setting up your theme. For this 00:00:51.039 --> 00:00:53.830 align:start position:0% setting up your theme. For this walkthrough,<00:00:51.760><c> we'll</c><00:00:52.079><c> start</c><00:00:52.239><c> with</c><00:00:52.480><c> Horizon,</c><00:00:53.600><c> a</c> 00:00:53.830 --> 00:00:53.840 align:start position:0% walkthrough, we'll start with Horizon, a 00:00:53.840 --> 00:00:55.990 align:start position:0% walkthrough, we'll start with Horizon, a popular<00:00:54.239><c> and</c><00:00:54.480><c> flexible</c><00:00:55.039><c> free</c><00:00:55.280><c> theme</c><00:00:55.680><c> that</c> 00:00:55.990 --> 00:00:56.000 align:start position:0% popular and flexible free theme that 00:00:56.000 --> 00:00:58.150 align:start position:0% popular and flexible free theme that serves<00:00:56.320><c> as</c><00:00:56.480><c> a</c><00:00:56.640><c> great</c><00:00:56.879><c> foundation</c><00:00:57.520><c> for</c><00:00:57.760><c> many</c> 00:00:58.150 --> 00:00:58.160 align:start position:0% serves as a great foundation for many 00:00:58.160 --> 00:00:59.670 align:start position:0% serves as a great foundation for many businesses. 00:00:59.670 --> 00:00:59.680 align:start position:0% businesses. 00:00:59.680 --> 00:01:01.750 align:start position:0% businesses. Once<00:00:59.920><c> you've</c><00:01:00.239><c> selected</c><00:01:00.559><c> a</c><00:01:00.800><c> theme,</c><00:01:01.280><c> the</c><00:01:01.520><c> next</c> 00:01:01.750 --> 00:01:01.760 align:start position:0% Once you've selected a theme, the next 00:01:01.760 --> 00:01:04.070 align:start position:0% Once you've selected a theme, the next step<00:01:02.000><c> is</c><00:01:02.239><c> to</c><00:01:02.480><c> customize</c><00:01:02.960><c> your</c><00:01:03.199><c> homepage.</c> 00:01:04.070 --> 00:01:04.080 align:start position:0% step is to customize your homepage. 00:01:04.080 --> 00:01:06.469 align:start position:0% step is to customize your homepage. Select<00:01:04.400><c> the</c><00:01:04.640><c> customize</c><00:01:05.199><c> button</c><00:01:05.840><c> next</c><00:01:06.080><c> to</c><00:01:06.240><c> your</c> 00:01:06.469 --> 00:01:06.479 align:start position:0% Select the customize button next to your 00:01:06.479 --> 00:01:08.469 align:start position:0% Select the customize button next to your active<00:01:06.880><c> theme,</c><00:01:07.360><c> which</c><00:01:07.600><c> will</c><00:01:07.840><c> take</c><00:01:08.000><c> you</c><00:01:08.159><c> to</c><00:01:08.320><c> the</c> 00:01:08.469 --> 00:01:08.479 align:start position:0% active theme, which will take you to the 00:01:08.479 --> 00:01:10.950 align:start position:0% active theme, which will take you to the theme<00:01:08.799><c> editor.</c><00:01:09.600><c> In</c><00:01:09.840><c> this</c><00:01:10.000><c> space,</c><00:01:10.560><c> you</c><00:01:10.799><c> can</c> 00:01:10.950 --> 00:01:10.960 align:start position:0% theme editor. In this space, you can 00:01:10.960 --> 00:01:12.710 align:start position:0% theme editor. In this space, you can modify<00:01:11.520><c> various</c><00:01:12.000><c> sections</c><00:01:12.320><c> of</c><00:01:12.560><c> your</c> 00:01:12.710 --> 00:01:12.720 align:start position:0% modify various sections of your 00:01:12.720 --> 00:01:14.950 align:start position:0% modify various sections of your homepage,<00:01:13.439><c> such</c><00:01:13.600><c> as</c><00:01:13.840><c> adding</c><00:01:14.159><c> banners,</c> 00:01:14.950 --> 00:01:14.960 align:start position:0% homepage, such as adding banners, 00:01:14.960 --> 00:01:17.350 align:start position:0% homepage, such as adding banners, featured<00:01:15.439><c> product</c><00:01:15.760><c> sections,</c><00:01:16.159><c> and</c><00:01:16.400><c> more.</c><00:01:17.119><c> You</c> 00:01:17.350 --> 00:01:17.360 align:start position:0% featured product sections, and more. You 00:01:17.360 --> 00:01:19.109 align:start position:0% featured product sections, and more. You can<00:01:17.520><c> rearrange</c><00:01:18.000><c> these</c><00:01:18.320><c> sections</c><00:01:18.640><c> to</c><00:01:18.880><c> create</c> 00:01:19.109 --> 00:01:19.119 align:start position:0% can rearrange these sections to create 00:01:19.119 --> 00:01:22.710 align:start position:0% can rearrange these sections to create the<00:01:19.439><c> layout</c><00:01:19.680><c> that</c><00:01:19.920><c> best</c><00:01:20.159><c> suits</c><00:01:20.479><c> your</c><00:01:20.720><c> needs.</c> 00:01:22.710 --> 00:01:22.720 align:start position:0% the layout that best suits your needs. 00:01:22.720 --> 00:01:25.030 align:start position:0% the layout that best suits your needs. While<00:01:22.960><c> we</c><00:01:23.200><c> won't</c><00:01:23.360><c> delve</c><00:01:23.680><c> into</c><00:01:23.920><c> detail</c><00:01:24.400><c> here,</c> 00:01:25.030 --> 00:01:25.040 align:start position:0% While we won't delve into detail here, 00:01:25.040 --> 00:01:26.950 align:start position:0% While we won't delve into detail here, it's<00:01:25.360><c> important</c><00:01:25.680><c> to</c><00:01:25.920><c> familiarize</c><00:01:26.560><c> yourself</c> 00:01:26.950 --> 00:01:26.960 align:start position:0% it's important to familiarize yourself 00:01:26.960 --> 00:01:28.630 align:start position:0% it's important to familiarize yourself with<00:01:27.200><c> the</c><00:01:27.439><c> options</c><00:01:27.759><c> available</c><00:01:28.320><c> for</c> 00:01:28.630 --> 00:01:28.640 align:start position:0% with the options available for 00:01:28.640 --> 00:01:31.030 align:start position:0% with the options available for presenting<00:01:29.040><c> your</c><00:01:29.360><c> product</c><00:01:29.680><c> details,</c><00:01:30.560><c> images,</c> 00:01:31.030 --> 00:01:31.040 align:start position:0% presenting your product details, images, 00:01:31.040 --> 00:01:33.510 align:start position:0% presenting your product details, images, and<00:01:31.280><c> variants.</c> 00:01:33.510 --> 00:01:33.520 align:start position:0% and variants. 00:01:33.520 --> 00:01:36.069 align:start position:0% and variants. Having<00:01:33.840><c> a</c><00:01:34.079><c> custom</c><00:01:34.479><c> domain</c><00:01:34.960><c> name</c><00:01:35.200><c> is</c><00:01:35.680><c> essential</c> 00:01:36.069 --> 00:01:36.079 align:start position:0% Having a custom domain name is essential 00:01:36.079 --> 00:01:39.350 align:start position:0% Having a custom domain name is essential for<00:01:36.320><c> establishing</c><00:01:36.960><c> your</c><00:01:37.200><c> brand</c><00:01:37.680><c> identity.</c><00:01:39.119><c> To</c> 00:01:39.350 --> 00:01:39.360 align:start position:0% for establishing your brand identity. To 00:01:39.360 --> 00:01:42.069 align:start position:0% for establishing your brand identity. To manage<00:01:39.680><c> your</c><00:01:39.840><c> domain,</c><00:01:40.560><c> select</c><00:01:41.040><c> customize</c><00:01:41.840><c> in</c> 00:01:42.069 --> 00:01:42.079 align:start position:0% manage your domain, select customize in 00:01:42.079 --> 00:01:45.429 align:start position:0% manage your domain, select customize in the<00:01:42.320><c> customize</c><00:01:42.880><c> your</c><00:01:43.200><c> domain</c><00:01:43.680><c> tile.</c><00:01:44.960><c> You</c><00:01:45.200><c> can</c> 00:01:45.429 --> 00:01:45.439 align:start position:0% the customize your domain tile. You can 00:01:45.439 --> 00:01:47.350 align:start position:0% the customize your domain tile. You can connect<00:01:45.759><c> an</c><00:01:46.000><c> existing</c><00:01:46.479><c> domain</c><00:01:46.880><c> that</c><00:01:47.040><c> you've</c> 00:01:47.350 --> 00:01:47.360 align:start position:0% connect an existing domain that you've 00:01:47.360 --> 00:01:49.429 align:start position:0% connect an existing domain that you've purchased<00:01:47.680><c> from</c><00:01:47.840><c> a</c><00:01:48.000><c> thirdparty</c><00:01:48.640><c> provider,</c> 00:01:49.429 --> 00:01:49.439 align:start position:0% purchased from a thirdparty provider, 00:01:49.439 --> 00:01:51.910 align:start position:0% purchased from a thirdparty provider, buy<00:01:49.680><c> a</c><00:01:49.920><c> new</c><00:01:50.079><c> domain,</c><00:01:50.799><c> or</c><00:01:51.119><c> customize</c><00:01:51.680><c> your</c> 00:01:51.910 --> 00:01:51.920 align:start position:0% buy a new domain, or customize your 00:01:51.920 --> 00:01:53.429 align:start position:0% buy a new domain, or customize your myshopify.com 00:01:53.429 --> 00:01:53.439 align:start position:0% myshopify.com 00:01:53.439 --> 00:01:56.149 align:start position:0% myshopify.com domain<00:01:53.920><c> for</c><00:01:54.159><c> free.</c><00:01:55.119><c> When</c><00:01:55.439><c> choosing</c><00:01:55.759><c> a</c><00:01:55.920><c> new</c> 00:01:56.149 --> 00:01:56.159 align:start position:0% domain for free. When choosing a new 00:01:56.159 --> 00:01:58.310 align:start position:0% domain for free. When choosing a new domain,<00:01:56.799><c> Shopify</c><00:01:57.439><c> helps</c><00:01:57.600><c> you</c><00:01:57.840><c> discover</c> 00:01:58.310 --> 00:01:58.320 align:start position:0% domain, Shopify helps you discover 00:01:58.320 --> 00:02:00.550 align:start position:0% domain, Shopify helps you discover available<00:01:58.880><c> domain</c><00:01:59.280><c> names</c><00:01:59.759><c> and</c><00:02:00.079><c> suggests</c> 00:02:00.550 --> 00:02:00.560 align:start position:0% available domain names and suggests 00:02:00.560 --> 00:02:02.550 align:start position:0% available domain names and suggests options<00:02:01.040><c> based</c><00:02:01.360><c> on</c><00:02:01.520><c> your</c><00:02:01.759><c> store</c><00:02:02.079><c> name</c><00:02:02.320><c> and</c> 00:02:02.550 --> 00:02:02.560 align:start position:0% options based on your store name and 00:02:02.560 --> 00:02:05.109 align:start position:0% options based on your store name and brand.<00:02:03.520><c> This</c><00:02:03.759><c> makes</c><00:02:03.920><c> it</c><00:02:04.159><c> easy</c><00:02:04.399><c> to</c><00:02:04.640><c> find</c><00:02:04.880><c> the</c> 00:02:05.109 --> 00:02:05.119 align:start position:0% brand. This makes it easy to find the 00:02:05.119 --> 00:02:08.229 align:start position:0% brand. This makes it easy to find the perfect<00:02:05.439><c> web</c><00:02:05.680><c> address</c><00:02:06.000><c> for</c><00:02:06.240><c> your</c><00:02:06.479><c> business.</c> 00:02:08.229 --> 00:02:08.239 align:start position:0% perfect web address for your business. 00:02:08.239 --> 00:02:10.150 align:start position:0% perfect web address for your business. Choosing<00:02:08.640><c> the</c><00:02:08.800><c> right</c><00:02:09.039><c> theme</c><00:02:09.440><c> is</c><00:02:09.759><c> important</c> 00:02:10.150 --> 00:02:10.160 align:start position:0% Choosing the right theme is important 00:02:10.160 --> 00:02:12.470 align:start position:0% Choosing the right theme is important for<00:02:10.479><c> creating</c><00:02:10.879><c> a</c><00:02:11.120><c> storefront</c><00:02:11.680><c> that</c><00:02:11.920><c> showcases</c> 00:02:12.470 --> 00:02:12.480 align:start position:0% for creating a storefront that showcases 00:02:12.480 --> 00:02:15.510 align:start position:0% for creating a storefront that showcases your<00:02:12.720><c> brand's</c><00:02:13.360><c> identity.</c><00:02:14.319><c> Shopify's</c><00:02:15.040><c> AI</c> 00:02:15.510 --> 00:02:15.520 align:start position:0% your brand's identity. Shopify's AI 00:02:15.520 --> 00:02:17.990 align:start position:0% your brand's identity. Shopify's AI powered<00:02:15.920><c> theme</c><00:02:16.319><c> generator</c><00:02:17.120><c> simplifies</c><00:02:17.760><c> this</c> 00:02:17.990 --> 00:02:18.000 align:start position:0% powered theme generator simplifies this 00:02:18.000 --> 00:02:20.150 align:start position:0% powered theme generator simplifies this by<00:02:18.319><c> offering</c><00:02:18.800><c> personalized</c><00:02:19.440><c> theme</c><00:02:19.760><c> options</c> 00:02:20.150 --> 00:02:20.160 align:start position:0% by offering personalized theme options 00:02:20.160 --> 00:02:22.869 align:start position:0% by offering personalized theme options based<00:02:20.480><c> on</c><00:02:20.720><c> your</c><00:02:21.040><c> vision.</c><00:02:22.000><c> Getting</c><00:02:22.239><c> a</c><00:02:22.480><c> custom</c> 00:02:22.869 --> 00:02:22.879 align:start position:0% based on your vision. Getting a custom 00:02:22.879 --> 00:02:25.110 align:start position:0% based on your vision. Getting a custom domain<00:02:23.760><c> further</c><00:02:24.160><c> boosts</c><00:02:24.560><c> your</c><00:02:24.720><c> brand's</c> 00:02:25.110 --> 00:02:25.120 align:start position:0% domain further boosts your brand's 00:02:25.120 --> 00:02:27.430 align:start position:0% domain further boosts your brand's presence,<00:02:25.920><c> making</c><00:02:26.160><c> your</c><00:02:26.480><c> store</c><00:02:26.800><c> easier</c><00:02:27.200><c> to</c> 00:02:27.430 --> 00:02:27.440 align:start position:0% presence, making your store easier to 00:02:27.440 --> 00:02:30.309 align:start position:0% presence, making your store easier to find.<00:02:28.319><c> Together,</c><00:02:28.879><c> these</c><00:02:29.200><c> steps</c><00:02:29.599><c> set</c><00:02:29.840><c> a</c><00:02:30.000><c> strong</c> 00:02:30.309 --> 00:02:30.319 align:start position:0% find. Together, these steps set a strong 00:02:30.319 --> 00:02:34.840 align:start position:0% find. Together, these steps set a strong foundation<00:02:30.879><c> for</c><00:02:31.120><c> your</c><00:02:31.360><c> online</c><00:02:31.840><c> store.</c>