Our free Astra training videos and articles are quick how-to demos for beginners.
Please note that below each video you will find a written transcript to assist you.
Astra Videos
How to Build a WordPress Website with Astra and Gutenberg
00:01
[MUSIC]
00:11
Hi I’m Michelle Phillips of Codefetti and today I’m going to show you how to
00:15
use the Astra WordPress theme and the Gutenberg block editor to build a
00:20
website. The starter templates plug-in offers you a library of starters sites
00:25
to help you get your site up and running quickly. All you need to do is replace
00:29
the demo content and images with your own. It’s really easy. Let’s get started!
00:35
Go to the WordPress dashboard. Click on Appearance >Themes> Add New and then in
00:48
the search themes type in Astra. Click on Astra, click install. Once installed
01:01
activate the theme. Next we want to install the Astra StarterTemplates
01:07
plug-in. From the dashboard go to Plugins>Add New and in the search plugins box
01:14
type Starter Templates. Click Install Now and activate. Now we have the library of
01:23
starter sites and we can go look through that library and discover which website
01:28
we’d like to use as our starter site. First you’ll want to decide on the page
01:34
builder you’ll be using. As I said earlier, I highly recommend and we’ll be
01:39
working with a WordPress block editor Gutenberg in this demo but you can also
01:44
choose from Beaver Builder, Elementor or Brizy if you’re more comfortable
01:47
working with them. From the dashboard go to Plugins>Installed Plugins. Select
01:56
Starter Templates>See Library. And then choose the builder you’re using. We’re
02:04
using Gutenberg and it’ll bring up a library of starter sites from which to
02:10
choose. Once you’ve decided click on the starter site you want.
02:17
At this point you have three options: You can preview the photographer site.
02:22
That’ll take you to the Astra demo site. You can check it out and make sure it’s
02:27
what you want. Or you can import the complete site or just import the home
02:36
template. So since we want to build a complete site I’ll click the import
02:40
complete site button. And you’ll be presented with a list of options. I
02:48
recommend that you keep the default options checked so that your site looks
02:52
exactly like the starter site that you’ve chosen. Click the import button
02:57
and then wait. It might take a few minutes so just be patient. Don’t close
03:04
your browser window… it’s almost done.
03:10
Okay! The import was successful. Now I’ll click
03:14
the view site button and there you go! You’ve got a complete web site ready to
03:19
be customized. I hope this tutorial has been helpful to you. If you have any
03:26
questions put them in the comments below and I’ll answer as soon as possible.
03:30
Thanks for stopping by and I’ll see you the next time!
03:35
[MUSIC]
How to Create an Astra Child Theme
00:00
[Music]
00:09
Hi I’m Michelle Phillips of Codefetti And today I’ll am going to show you how to create an Astra Child Theme.
00:13
To do so you can go to the Astra website and generate a customized child theme at the link on the screen.
00:25
Once done you’re gonna want to download your child theme zip file
00:30
Now we’re ready to install and activate the child theme
00:34
Log into your WordPress dashboard and go to Appearance >Themes.
00:40
You’ll see here that we have Astra activated
00:42
Click the Add New button
00:46
Click Upload Theme
00:48
Click Browse
00:51
Browse to your child theme
00:53
And then upload that zip file and click install now
01:00
Once the theme has been installed successfully click the activate button
01:07
And you can see now that the child theme is the active theme
01:12
I hope this demo has been helpful to you!
01:15
Thanks for stopping by and I’ll see you next time!
01:18
[Music]
How to Add an Astra Address Widget
00:00
[MUSIC]
00:11
Hi! I’m Michelle Phillips of Codefetti. Today I’m going to show you how to use
00:16
Astra widgets to add an address widget into your WordPress site.
00:22
Now this tutorial assumes that you’ve already set up a site using the free Astra theme or
00:26
the Astra Pro plugin. Here’s an example of the widget. You can choose whether or
00:34
not you want to display the icons which I’ve chosen to display here.
00:41
You can display the address widget in the header, sidebar, footer bar or footer widget.
00:47
So let’s get started and see how this is done!
00:50
The first thing you want to do is install Astra Widgets. Go to Plugins > Add New
00:58
And then in the search plugins box type in Astra Widgets. Click install now
01:07
and then activate the widget. Once done you’ll have three new widgets.
01:17
If you go to appearance widgets you’ll see Astra Address, Astra List Icons and Astra
01:24
Social Profiles. So let’s add the address widget into our main sidebar.
01:33
Click the drop down for Astra Address. Make sure main sidebar is selected and then click Add Widget.
01:40
You’ll note that widget is now added as the third widget in the main sidebar.
01:46
Now configure this widget with your information. You can either stack
01:56
the information or put it inline. We’ll leave it with stack for this demo.
02:02
I want to display the icons and I’ll just fill in my address information. Now you can
02:09
specify the icon color if you’ve checked the box to display icons. In which case I
02:14
want to use my brand colors and then I’ll click the Save. Now when I go to my
02:21
contact page you can see we now have the address widget as the third widget
02:24
in our main sidebar. So it’s pretty easy to do!
02:31
I hope you found this demo helpful! Thanks for stopping by and I’ll see you next time!
02:36
[MUSIC]
How to Add Google Analytics to Astra Theme
0:00
[Music]
0:12
Hi I’m Michelle Phillips of Codefetti.
0:16
Today I am going to show you how to add Google Analytics
0:19
tracking code to the Astra WordPress theme.
0:22
There are two ways that you can add the code depending on whether or not you are
0:26
using the free Astra theme.
0:28
If you are using the free Astra theme, you will need to download the Astra Hooks Plugin.
0:35
If you are using the paid plugin
0:37
it is recommended to use the custom layouts module.
0:41
You’ll need get your tracking code from your Google Analytics account.
0:46
Log into Google Analytics
0:48
Go to Admin>Property
0:50
Under Property Column, click Tracking code
0:52
And then Ctrl + C to copy the code or Cmd + C to copy the code on a Mac
1:01
And now you’re ready to go back and paste this code into your WordPress site.
1:05
From the dashboard Go to Plugins>Add New Type Astra Hooks
1:11
in the Search plugins box
1:14
Click Install Click activate
1:22
Now we are ready to add the tracking code into the customizer.
1:28
To do so go to Appearance > Customize Scroll down to Hooks
1:38
Click Header and in wp_head paste your tracking code
1:44
Click Publish
1:47
And now the tracking code has been added to your site.
1:50
Next I’ll show you how to use a custom layout to add your tracking code.
1:55
Remember, for this method, you need to have the Astra Pro Plugin
2:00
installed and activated.
2:01
You’ll also need to have custom layouts module activated. I’ll show you how.
2:06
From the dashboard Go to Appearance>Astra Options
2:13
And then you’ll see the available modules for Astra Pro.
2:19
Scroll down and just make sure custom layouts are activated.
2:24
From there go to Appearance>Astra Options
2:30
Click Custom Layouts and Add New
2:34
Click Enable Code Editor
2:39
And from here you can paste in your tracking code
2:43
Scroll down to Custom Layout Options
2:46
and from Layout choose Hooks
2:49
In the action drop down choose wp_head
2:56
Scroll down to Display On and choose Entire Website
3:04
Click publish
3:06
The tracking code has now been added to your site.
3:10
I hope that this demo has been helpful to you.
3:13
Thanks for stopping by and I’ll see you next time!
3:16
Have a great day!
3:17
[Music]
Astra Articles
If you prefer written instructions, please be sure to see our Astra article library.