Welcome To Sitelium
Welcome to Sitelium is a content management system or CMS for short that allows you to create and build professional modern-looking websites. In no time today, there are dozens of online website creation platforms. and Sitelium offers you both a free and pro version to get you making websites as soon as now, with no coding and no experience.
Free vs PRO
In this lesson, we're going to take a look at some of the key differences between Sitelium Free and Sitelium PRO. You get a lot in the Free version, unlimited websites on a subdomain CDN and SSL certificates included, however, the PRO version is the way to go if want all the goodies unlocked: from custom fonts uploads and additional PRO elements to marketing integrations and global popups with triggers and conditions.
Dashboard Overview
In this lesson, we're going to take a look at the Sitelium dashboard. A bird's eye view of all the features and functionalities in the Sitelium dashboard.
Workspace
In this lesson, we're going to take a look at workspaces in Sitelium. This is a very important functionality when you are working with clients. Workspaces act like folders that let you separate clients from one another.
Team Members & Roles
In this lesson, we're going to take a look at team members & roles in Sitelium. This functionality lets you work in a team, invite clients and give everyone a role that has certain limitations built in.
Leads
In this video, we learn how to manage leads in Sitelium. The form builder in Sitelium allows for easy lead generation and collection.
Builder Overview
In this lesson, we're going to take a bird's eye view of the Sitelium builder in Sitelium CMS. This is the bread and butter of Sitelium and where the magic of creating your website fast & easily happens.
How You Build With Sitelium
In this lesson, we're going to take a look at all the building block elements that you use to create your first pages with Sitelium. We're going to look at Rows, Columns, the box model, and all the key elements to start building pages.
Preview, Publish & Update
In this lesson, we're going to take a look at how we can preview, publish and update our website and our page design. Important tools that you will be using a lot in your Sitelium journey.
Blocks & Layouts
In this lesson, we're going to take a look at getting started with blocks. Sitelium blocks are the key component to creating your layouts and pages in Sitelium.
Links
In this lesson, we're going to look at links in Sitelium. Links are the glue that holds the internet together, very important for your website and we'll show you the types of links we have in Sitelium and also how to use them.
Margins & Padding
In this lesson, we're going to look at margins and padding in Sitelium. Margins and padding are the tools that allow you to create a structure for your webpage. It's essential you understand how they work in order to design a professional-looking website.
Responsive Websites
In this lesson, we look at how to ensure your website is responsive. More than 50% of users nowadays interact with websites from their mobile devices, and it's important that you design your website in such a way that it'll look good not only on a desktop monitor but also on mobile and tablet devices.
Global Blocks & Display Conditions
The global blocks feature allows you to repeat blocks across your website that are linked. Change the content in one global block, and the linked blocks will automatically update to reflect the changes. Combine this with display conditions and take full control over the content on your web pages.
Membership Blocks
In this video, we learn how to activate blocks as membership blocks in Sitelium.
Colors & Global Styling
In this lesson, we're going to touch on colors & global styling in Sitelium. We'll look at the controls you have on colors and how you can make fast and efficient changes of colors across your website by using the built-in global colors functionality.
Typography & Global Styling
In this lesson, we're going to touch on fonts & global styling in Sitelium. We'll cover the quickest and easiest way to change typography in Sitelium, how to work with global styling when it comes to fonts, and how to be efficient and apply font changes across your website in seconds.
How To Add Google Fonts
In Sitelium you can add and use Google Fonts (over 950 fonts to choose from). The Google fonts import is available in Sitelium Free. Here is how to do it:
Adding a Google Font
Step 1. From any text element in the page, click on Add New Font in the options toolbar
Step 2. Select the Google Fonts option
Step 3. Input the name of the Google Font you want to add. You can browse the Google Fonts library here.
Step 4. Click Continue and you are done.
Step 5. The font will appear at the top of your fonts list on any text element.
Keep in mind that you can delete any font from the Fonts Tab after you press the Add New Font button.
How To Upload Your Custom Fonts
You can use your own custom fonts in Sitelium by uploading it in the builder. This functionality is available only in the PRO paid plans.
Uploading a Custom Font
Step 1. From any text element in the page, click on Add New Font in the options toolbar
Step 2. Select the Upload option. If the Upload option is not available, this means you need to Upgrade to a PRO paid account in order to use it.
Step 3. Give your Fonts a name. Can be anything, but usually the font name you'll upload.
Step 4. Add your first variation and upload your font. If you have a font family that has 3 variations: Light, Normal and Bold, you can upload them one by one.
Keep in mind that you don't have to upload all the files for the font, Usually and most common is .ttf and will do the job.
If your file has another extension like .otf, you can easily convert it to a .ttf online for free: https://convertio.co/otf-ttf/
Step 5. Once your 1st variation was added you can add another variation or Continue to install the font in Sitelium.
Keep in mind that for each variation (Light, Normal, Bold, etc) you'll need to repeat Step 4 and upload each font.
Step 6. Press Continue and you are done.
Step 7. The font will appear at the top of your fonts list on any text element.
Keep in mind that you can delete any font from the Fonts Tab after you press the Add New Font button.
Custom Styling & CSS
In this video learn how to add custom styling and CSS to your web pages in Sitelium.
Rows & Columns
In this lesson, we're going to take a look at Columns & Rows in Sitelium. These elements will help with building the structure of your pages and layouts.
Builder Elements
In this lesson, we're going to take a look at the elements panel in Sitelium. The elements are the bread and butter of your page creation process. You'll use them to create structure, and add images, buttons, text, and more on your pages.
Container Elements
In this lesson, we're going to take a look at container elements in Sitelium. Container elements are very special, smart elements that don't have a predefined content structure and they can contain other design elements inside them.
User Accounts
In this lesson, we look at how to create and manage user accounts in Sitelium.
Custom Domain (A Record Redirect)
Important: We don't sell custom domains. If you don't have a custom domain, buy one from any domain registrar out there. There are lots of domain registrars, you can find them by googling "buy a domain name". Please note that IDN domains (domains that contain special characters) are not yet supported in Sitelium.
This video shows you how to link/connect a custom domain with Sitelium and your domain registrar.
Or follow belew steps to link/connect your custom domain with your Sitelium project.
Step 1. Click the Publish link on your project
Step 2. Select Custom Domain in the popup
Step 3. Enter your custom domain name. Include the www. as well. Please note that IDN domains (domains that contain special characters) are not yet supported in Sitelium.
We'll use www.mydomain.com as an example.
Step 4. Click the Submit button.
After going through these first steps you need to operate some changes where you have registered your domain in order to create a CNAME Record and A Record redirects that points to your Sitelium project.
Step 5. Create a CNAME Redirect.
This is done outside Sitelium, where you've purchase the domain.
This is very simple, all companies that sell domains have these settings, you'll usually find them under NS/DNS Records.
Here is an example on how these options might look like on your end:
- Type needs to be CNAME
- Host (might be Alias) needs to be www
- Points to (might be Canonical Name or Redirect) needs to be your unique project name from Sitelium (in our example mysite.sitelium.site, yours will be different).
- Leave TTL with the default value
- IMPORTANT: you can't have two www CNAME redirects. If you already have one, replace that, instead of adding a second one.
Step 6. Creating an A Record Redirect
In the same DNS dashboard from Step 5.
- Type needs to be A
- Host (might be Alias) needs to be @
- Points to (might be Canonical Name or Redirect) needs to be 34.237.47.210
- Leave TTL with the default value
- IMPORTANT: you can't have two @ A redirects. If you already have one, replace that, instead of adding a second one.
Important: It takes up to 48 hours for these changes to propagate across the internet.
Keep in mind 1: This publishing option comes with free SSL from us. Takes up to 24 hours to be installed.
Keep in mind 2