Webiny CMS Starter Guide

1. CMS Starter guide

2. This guide will cover:
• Dashboard • Creating your first page
• System settings • Creating menus
• My website • Image gallery
• Email accounts • Document management
• Preferences • Comments management
• Tools • Creating forms
• Content management • Creating polls
• Content categories • Newsletter
• Content attributes • Search and menu filter

3. Dashboard
• After you've logged into
your Webiny Administration
the first screen you will see
is your Dashboard.
• On the Dashboard you can
immediatly start to create
new pages or you can get an
insight into Webiny
Analytics which provide a
very detailed overview of
your site performance.
• On the left side of the
screen you will see the
System Settings, Content
Management and Email
options.

4. System Settings
My Website
• Under My Website you can
specify your website
name, connect your own
domain, insert your Google
Analytics code or upload
your own logo.
• On the Social tab, you can
connect your
Facebook, Twitter and
Google+ profiles .
• The Contact info tab is used
to change your contact
information.

5. System Settings
Preferences
• In the Preferences you can
change your start
page, under My profile you
can change your
Nickname, email or
password. Also you can
change the search page
template.
• You can use Date/Timezone
settings to set up standard
display of times on your
website. This can be used to
display time of comments
or posts.

6. System Settings
Tools
• In the Tools section you can
define redirects, either
manually or you can upload a
CSV file. You can use Redirect
module if you have an old
website that you want to
transfer to Webiny or if you
changed the URL structure of
your pages and blog posts.
• The Social media integration
allows for seamless
integration with your Twitter
and Facebook accounts.Once
you've connected Facebook
and Twitter you can push your
pages and blog posts
immediately to your Facebook
timeline or Twitter stream.

7. Content Management
• The Content Management
section holds all the
options related to
content, galleries, documen
ts, menus, forms and polls.
Content categories
• In Webiny, content is
organized into content
categories. Each content
category defines your page
appearance, URL and
custom fields.

8. Content Management
Content attributes
• Content attributes and
custom fields are used to
organize and display your
content. For example: You
have a website with listing
of local restaurants. You
want to categorize these
restaurants with following
properties:
– Type of restaurant
– Type of cuisine
– Price range

9. Content Management
• These properties can be
defined as content
attribute categories. These
content attribute categories
can have options such as:
– Type of restaurant
• Family
• Business
– Type of cuisine
• International
• Mediterranean
– Price range
• Budget
• Expensive
• Once you've added these
attributes you will be able
to input them into your
pages and later make a
search and filter by these
attributes.

10. Creating your first page
• Content is created using a special editor that provides all necessary options on one
screen.
• In order to create a new page in Webiny, you just have to enter its title and some
content. All other options are organized across different tabs, so that they are not in
your way.

11. Creating your first page
The main editor screen
• On the main screen you can
control:
– Page parent (you can
have unlimited parent-
child structure of your
pages)
– Save, cancel, save &
continue
editing, preview, publish
and unpublish options in
the dropdown "Action"
– Page title
– Page URL (Webiny
automatically generates
URL from page title, but
you can change it to
whatever you like)

12. Creating your first page
Extra options screen
• Anchor text that appears in
the auto-generated menus
(example: page can be
named "About Webiny", but
you can display it as "About
us" in the menus using
anchor control
• Order - control the ordering
of the pages in the same
structure level (example: you
can have "About Us" as
parent page and you control
the order of the child pages
through this control
• Publish on - you can schedule
when you want this page to
be published
• Comments - enable or
disable comments per page

13. Creating your first page
Extra options screen
• Template - you choose display
template from your
theme, usually this is default
template for this content
category, but you can change it
here
• Teaser - used for displaying
"intro" of your page if you show
page list somewhere on the site
(example: news page, category
page or blog page)
• Menu association - you can
associate the page with
predefined menus in your theme
/ template - it will appear with
selected anchor text and order
• Label - also known as tags - they
are usually used with blogs, but
you can use them in other pages

14. Creating your first page
SEO options screen
• Here you can control Meta
data and Social Media push
services:
• Meta title - one of the most
importat onsite SEO
attributes - be sure to write a
good Title. We also count
number of characters as
search engines usually
display between 65 and 80
characters
• Description - control your
meta description here.
Also, here we count
characters, make sure it's up
to 160

15. Creating your first page
SEO options screen
• Keywords - although rarely
used by search engines, we
provided this option too
• Language - you can control
language information
• Robots - for each specific
page we allow different
options (if not
selected, Webiny will choose
general setting from your
theme heading, usually
"index, follow")
• Custom tags - you can add
unlimited custom tags

16. Creating your first page
Boxes screen
• Content boxes hold specific
information. Your template
box holders are defined by
your site template
• Content boxes can be:
• Simple content (contact
data, download button for
some PDF)
• Action items (predefined
API calls to specific
funcions)
– Menu
– Poll
– Page list

17. Creating your first page
Preview screen
• On the Preview
screen you can see
how your content
will render on the
page.

18. Creating your first page
Documents screen
• On the Document tab
you can associate
documents to your
pages.

19. Creating your first page
Image gallery screen
• You can handle images
in the same way as the
documents. You can
insert them inside the
content (the editor
tab), or you can have a
predefined place in
your template to
display the complete
gallery.
• You can add images by
dragging and dropping
complete folder or you
can add images one by
one by dragging and
dropping them to the
placeholder on the
right.

20. Creating menus
• Menus play a large role in
the display of your
content, which is
why, when building
Webiny, we were very
mindful of how to make
this process as fluent as
possible, but without
implementing any bigger
restrictions.
• Menus inside Webiny can
hold pages and custom
links, and yes, they can be
joined together into one
single menu - giving you
all the options you might
need.
• Any entry inside the menu
can be manually set to
any desired position by
using the Order field.

21. Image Gallery
• A built-in image gallery
provides you with all the
options needed for
uploading, editing and
inserting images into
your content.
• You can upload multiple
images at once with a
progress preview.
• Webiny also gives you
the option to define
several image-dimension
sets. Each image can
than be resized to the
given set on-the-fly.

22. Document management
• A document module is
used for easier
organization of your
uploaded files and their
insertion in the content.
• The files are organized
by file type into several
sections.
• Like with images, you
can upload multiple files
at once.

23. Managing comments
• In the Comments section
you can view all
comments, approve or
delete them or change
the validation settings.

24. Creating Forms
• The Forms section allows
you to create new or edit
existing forms. When
creating a new form you
have to specify its
name, title and slug.
After you save the form
you can start to add form
elements.
• You can add unlimited
number of forms that
can be used for various
purposes: lead
generation, submiting
specific feedback etc.
Once you've setup the
form you can use it on
your pages as an "action
item".

25. Creating Polls
• When creating a new
poll the first thing you
have to define is the
poll question. On this
page you can activate or
disable a poll.
• Polls can be associated
with a single page or
displayed globally
through your website.
You can add unlimited
polls with unlimited
answers. Once you've
created a poll you can
include it on the page
via Action Items.

26. Newsletter
Creating subscriber groups
• Webiny newsletter
module allows you to
assign your subscribers
into groups.
Adding a new subscriber
• To add a new
subscriber, all you need
to do is enter his email.
When adding a new
subscriber you can also
assign it to created
subscriber groups.

27. Newsletter
Creating new email campaign
• When creating a new
campaign, in the first field you
need to enter the campaign
name. This name is used
internally and will not be visible
to your subscribers.
• In the „From name“, „From
email“ and „Subject“ fields you
can specify the sender
name, email and subject that
will be visible to your
subscribers.
• In the „Subscribers“ field you
can specify the subscribers who
will receive the newsletter.

28. Search and Menu filter
• You can use
Webiny
search to
quickly find
your
documents, p
ages or
images.
• You can also
use Webiny
Menu filter to
find the menu
item you are
looking for.