WEBVTT

00:00:02.900 --> 00:00:04.854 align:center
Hello, and welcome to another Gumlet

00:00:04.875 --> 00:00:05.419 align:center
tutorial.

00:00:05.459 --> 00:00:07.957 align:center
In today's video, we will see

00:00:08.018 --> 00:00:08.340 align:center
how you can

00:00:08.320 --> 00:00:09.817 align:center
set up your images and start

00:00:09.959 --> 00:00:11.436 align:center
optimizing them for your website and

00:00:11.578 --> 00:00:11.780 align:center
apps.

00:00:13.080 --> 00:00:14.916 align:center
To get started, go to Images.

00:00:14.957 --> 00:00:16.531 align:center
The first thing you want to

00:00:16.591 --> 00:00:17.620 align:center
do is add a source.

00:00:19.320 --> 00:00:21.317 align:center
Next, choose where you currently store

00:00:21.358 --> 00:00:21.882 align:center
your media.

00:00:21.902 --> 00:00:23.678 align:center
It can be from a WordPress

00:00:23.738 --> 00:00:23.960 align:center
or from

00:00:23.940 --> 00:00:25.695 align:center
other storages like Google Cloud.

00:00:26.764 --> 00:00:28.358 align:center
For this demonstration, we will click

00:00:28.418 --> 00:00:28.660 align:center
on Web

00:00:28.640 --> 00:00:29.044 align:center
Folder.

00:00:29.105 --> 00:00:31.672 align:center
You also have options to migrate

00:00:31.693 --> 00:00:32.400 align:center
from Cloudinary

00:00:32.380 --> 00:00:33.429 align:center
and Imgix.

00:00:34.196 --> 00:00:36.031 align:center
We also provide all the documentation

00:00:36.072 --> 00:00:37.080 align:center
you might need right here.

00:00:37.780 --> 00:00:39.415 align:center
So let's get started.

00:00:39.455 --> 00:00:41.513 align:center
The first thing you need to

00:00:41.574 --> 00:00:42.280 align:center
do is add the

00:00:42.260 --> 00:00:44.502 align:center
base URL, which is basically the

00:00:44.562 --> 00:00:45.673 align:center
name of the domain where your

00:00:45.713 --> 00:00:46.440 align:center
videos are stored.

00:00:47.700 --> 00:00:49.690 align:center
Now, once we have done that,

00:00:50.353 --> 00:00:52.243 align:center
also add a Gumlet subdomain.

00:00:52.283 --> 00:00:55.600 align:center
Then, click Setup Source, and your

00:00:55.580 --> 00:00:56.589 align:center
source will be created.

00:00:56.629 --> 00:00:59.515 align:center
The next step is to verify

00:00:59.575 --> 00:01:00.160 align:center
whether the source

00:01:00.140 --> 00:01:01.412 align:center
has been created correctly.

00:01:01.433 --> 00:01:04.260 align:center
So add the original image URL.

00:01:05.260 --> 00:01:07.056 align:center
This automatically lets us know that

00:01:07.076 --> 00:01:08.892 align:center
the setup is correct and also

00:01:08.973 --> 00:01:09.800 align:center
shows that your images

00:01:09.780 --> 00:01:10.928 align:center
are being optimized.

00:01:11.936 --> 00:01:13.407 align:center
In most cases, you can expect

00:01:13.507 --> 00:01:15.240 align:center
up to 70% optimization

00:01:15.220 --> 00:01:15.986 align:center
on images.

00:01:16.027 --> 00:01:19.677 align:center
Once setup and verified, the next

00:01:19.717 --> 00:01:20.040 align:center
step is

00:01:20.020 --> 00:01:21.452 align:center
to click Start Integration.

00:01:21.493 --> 00:01:23.914 align:center
Clicking Start will open up a

00:01:23.974 --> 00:01:24.660 align:center
chat box where

00:01:24.640 --> 00:01:25.771 align:center
you can reach out and tell

00:01:25.832 --> 00:01:27.024 align:center
us exactly what you want to

00:01:27.085 --> 00:01:28.620 align:center
integrate with, and we will be

00:01:28.600 --> 00:01:29.286 align:center
able to help you.

00:01:29.306 --> 00:01:31.525 align:center
If you want to do it

00:01:31.545 --> 00:01:32.533 align:center
yourself, you can.

00:01:32.574 --> 00:01:33.340 align:center
We

00:01:33.320 --> 00:01:34.831 align:center
have extensive guides to help you.

00:01:34.872 --> 00:01:38.358 align:center
Just go to docs.gumlet.com and check

00:01:38.399 --> 00:01:38.600 align:center
out the

00:01:38.580 --> 00:01:39.328 align:center
guides we have.

00:01:39.368 --> 00:01:42.055 align:center
We have completed the first couple

00:01:42.096 --> 00:01:42.520 align:center
of steps.

00:01:42.500 --> 00:01:43.933 align:center
Depending on where you want to

00:01:43.994 --> 00:01:46.336 align:center
install or integrate Gumlet, you can

00:01:46.376 --> 00:01:46.840 align:center
choose the right

00:01:46.820 --> 00:01:47.185 align:center
option.

00:01:47.245 --> 00:01:49.352 align:center
You can go through this whole

00:01:49.393 --> 00:01:49.960 align:center
document for

00:01:49.940 --> 00:01:50.688 align:center
the next steps.

00:01:51.901 --> 00:01:52.810 align:center
You are now ready to get

00:01:52.891 --> 00:01:53.760 align:center
started and set up

00:01:53.740 --> 00:01:54.550 align:center
your image source.

00:01:55.481 --> 00:01:56.696 align:center
I hope you found this tutorial

00:01:56.737 --> 00:01:57.020 align:center
helpful.

00:01:57.880 --> 00:01:59.199 align:center
Thank you so much for watching.

00:01:59.239 --> 00:02:00.700 align:center
See you next time.