1

Logging In (It's Easier Than You Think)

Your MediaCor website uses your email address as your key. No password to create, remember, or reset — ever.

🔑 How It Works
  1. Go to your website's address and add /a/login to the end. For example: yourdomain.com/a/login
  2. You'll see a login page right on your own website, with your site's name and design. There's one box asking for your email address.
  3. Type the email you used when you signed up with MediaCor, then click Login.
  4. Check your inbox. Within a minute you'll get an email with a sign-in link. Click it.
  5. The link opens your Dashboard, and you're in.
Tip: Bookmark yourdomain.com/a/login so it's always one click away. If the email doesn't arrive, check your spam or junk folder.

The login link stays active for 48 hours. Once you're logged in, your browser remembers you — you'll stay logged in until you clear your cache or switch to a different browser.

2

Welcome to Your Dashboard

This is home base for your website — everything starts here.

Once you log in, you'll land on your Dashboard. Think of it as the control room for your entire site. From here you can jump into the editor, check your stats, manage your blog, and review form submissions.

What you'll see on the Dashboard

MediaCor Dashboard sidebar menu with numbered callouts

Click the image to enlarge

  1. Site — Your pages, the Edit Site button, and publishing status. This is where you'll spend most of your time.
  2. Settings — Global site settings: SEO, site name, language, social links.
  3. Redirects — Send old URLs to new pages automatically.
  4. Assets — Your media library. Every image, PDF, audio file, and video lives here. Upload once, use anywhere.
  5. Domain — View and manage how your custom domain is connected.
  6. Blog — Create new posts, copy existing ones to rework, schedule posts for later, and manage drafts. Comments appear here too.
  7. Forms — All your forms and their entries. See who filled them out and what they said.
  8. Members — Add editors with custom permissions, create member-only pages, and manage subscriptions.
  9. Commerce — Your online store: products, subscriptions, coupons, gift cards, and transactions.
  10. Visitors & Analytics — Track site traffic, page views, and e-commerce metrics including abandoned cart recovery.

The Edit button

To actually make changes to your website, click the Edit button on the Site tab. This opens the visual editor, where all the real building happens.

Tip: You can always get back to the Dashboard from inside the editor — look for a "Dashboard" or "Exit" link near the top of the screen.
3

The Editor at a Glance

A quick tour before we start building.

The editor might look like a lot at first, but it breaks down into a few simple areas. Once you know where things are, you'll move around it without thinking.

The MediaCor Editor The MediaCor Editor showing the Add Content panel, main canvas, and toolbar

The toolbar, section by section

Hover over each section of the toolbar to see what each button does. Click the image to enlarge.

MediaCor Editor toolbar, left section
MediaCor Editor toolbar, center section
MediaCor Editor toolbar, right section
Tip: Nothing you do in the editor is visible to your visitors until you click Publish. Feel free to click around and experiment — you can't break your live site by accident.
4

Building Blocks — Components

Everything on your page is made of Components. Here's how they work.

A Component is any piece of content you add to your page — a block of text, a photo, a button, a form. Building a page is really just a matter of dragging the components you need onto the canvas and filling them in.

How to add a component

  1. Click the "Add Content" button at the top of the editor. A panel will slide out on the left side.
  2. Browse or scroll through the available components.
  3. Click and drag any component onto your page. Drop it where you want it to appear.
  4. Click on the component to start editing it.

The most useful components to know first

There are dozens of components available, but here are the ones you'll reach for most often. Here's what the Add Content panel looks like when it slides out:

The Add Content panel
The Add Content panel showing all available components

Use the reference grid below to see what each component does and roughly where to find it in the panel above.

Content section Layout section Full Width section
Rich Text
Rich Text
Content section · first icon

Your main writing tool for headings, paragraphs, and lists

Text with Image
Text with Image
Content section · next to Rich Text

Text alongside a photo in one ready-made layout

Button
Button
Content section · top row

Clickable buttons that link anywhere

Image
Image
Content / Recent section

Add photos with filters, hover effects, and captions

Search
Search
Content section

Add a search bar so visitors can find content

Quote
Quote
Content section

Highlight a quote or testimonial in a styled block

Code Display
Code Display
Content section

Show formatted code snippets on your page

Image Gallery
Image Gallery
Content section

Display multiple images in a clean grid layout

YouTube
YouTube
Content section

Embed a YouTube video by pasting the link

Embed Code
Embed Code
Content section

Add custom HTML, widgets, or third-party tools

File
File
Content section

Add a downloadable file link

PDF Embed
PDF Embed
Content section

Display a PDF directly on your page

Columns
Columns
Layout section

Put content side-by-side on your page

Divider
Divider
Layout section

A horizontal line to separate sections

Spacer
Spacer
Layout section

Add vertical breathing room between components

Grid
Grid
Layout section

Organize components in a repeating grid pattern

Block
Block
Layout section

Group components together with a shared background

Hero
Hero
Full Width section

A full-width banner with headline, image, and buttons

Panels
Panels
Full Width section

Full-width content areas for high-impact sections

Tip: You can reorder components on the page by clicking and dragging them up or down. Hover over a component to see the drag handle appear on the left side.
5

Adding and Editing Text

The Rich Text component is where most of your words will live.

The Rich Text component

The Rich Text component is your main tool for adding text to a page — headings, paragraphs, lists, all of it.

  1. Open "Add Content" and drag the Rich Text component to your page.
  2. Click anywhere inside the box to start typing. The default placeholder text will disappear.
  3. A text formatting toolbar will appear at the top of the component.

The text formatting toolbar

Here's what each button does:

Normal / Heading 1-3Choose a text style from the dropdown
Bold / Italic / UnderlineStandard text styling
Bulleted listUnordered dot-style list
Numbered listOrdered 1-2-3 list
LinkTurn text into a clickable link
Text colorChange the font color
AlignmentLeft, center, right, or justify
Tx (Remove styling)Clears weird formatting from pasted text
SEO tip: Use Heading 1 for the main title of each page. Search engines like Google look at H1 tags to understand what a page is about. Only use one H1 per page.
Editing text directly on the page Editing text directly on the page in the MediaCor Editor

Text with Image component

This one is great for the classic "photo on the right, text on the left" layout — or vice versa. It combines a heading, a paragraph, and an image all in one tidy component.

Drag it to the page, click to swap in your photo, and type your text. Use the options panel to choose whether the image sits left or right.

Pasted text looking weird?

If you copy text from a Word doc or another website and paste it in, it might bring along hidden formatting that clashes with your site's style. Fix it fast: select the problem text, then click the Tx button in the toolbar. That strips all the extra styling so the text matches everything else on your page.

6

Adding Images

Upload, resize, style, and add fun effects — all in one place.

  1. Open "Add Content" and drag the Image component to your page.
  2. Click the image area. An options panel will open on the left side.
  3. Click "Upload Image" to add a photo from your computer.
  4. Once uploaded, use the options panel to adjust everything about the image.

Image options explained

SizeChoose from the Size dropdown or type a pixel width
Resize handleDrag the blue square in the bottom-right corner of the image
AlignmentAlign the image left, center, or right on the page
Aspect RatioCrops to square, landscape, portrait, or custom
Alt TextA description of the image for screen readers and Google
CaptionText that appears below the image
FiltersVisual effects like blur or sepia — click to apply, click again to remove
Hover EffectsChange how the image looks when someone mouses over it
Shape / BorderRound the corners or add a border
LinkMake the image clickable — links to a page or URL
Accessibility tip: Always fill in the Alt Text field with a plain-English description of the photo (e.g., "A smiling family on the beach"). This helps visitors who use screen readers, and it also helps your site show up in Google Image Search.
7

Layout with Columns

Put any two (or more) things next to each other on your page.

By default, everything stacks vertically on a webpage — one block on top of the next. The Columns component lets you place things side by side, like a photo next to a paragraph of text.

  1. Open "Add Content" and drag the Columns component to your page. It starts with two empty columns.
  2. Drag other components (text, images, buttons — anything) into each column.
  3. To resize columns, click and drag the vertical divider between them left or right.
  4. Or use the Size option in the settings panel to set exact proportions (e.g., 50/50 or 30/70).

Adding more columns

Need three or four columns? Click the "Add" button in the options panel to add another column. Click the red X next to a column to remove it.

Column spacing

The Spacing dropdown controls the gap between columns. It defaults to a small gap, which looks clean. You can increase it if you want more breathing room.

Columns on mobile phones

By default, your columns will automatically stack on small screens (phones). That's a good thing — it keeps your content readable without the user having to zoom in or scroll sideways.

But sometimes you want two columns to stay side by side even on mobile — like a small logo next to a name. For that, turn on the "Prevent Collapse on Mobile" toggle in the settings panel.

Heads up: The column divider (the line between columns) is invisible on your published site — you only see it in the editor. Your visitors just see the content laid out side by side.
8

Creating Pages

Adding a new page takes just a few clicks.

Adding a new page

  1. Click the Plus (+) button near the top left of the editor toolbar.
  2. A popup will appear. Type in your page name and adjust any settings.
  3. Click "Add Page." The new page will appear in your page list and you can start editing it right away.

Three ways to get back to a page

  • Inside the editor: click the Menu button (next to the Plus button) → find your page → Edit
  • From the Dashboard: Site tab → Pages section → three dots → "Design in Site Editor"
  • From navigation: click any page name in your site's nav menu (once you've added it — more on that next)

Managing pages (set homepage, duplicate, delete)

These options live in the Site Dashboard under the Pages section. Find your page in the list, then click the three dots (⋯) button next to it:

  • Set as Homepage — Makes that page load when someone visits your site's main address
  • Duplicate Page — Creates a copy with all the same content (great for making similar pages fast)
  • Delete — Permanently removes the page
Page settings tip: Each page has its own settings — things like the page title (shown in the browser tab and search results) and a short description. It's worth filling these in for every page, since they help visitors and search engines understand what the page is about.
10

Writing Blog Posts

Share news, updates, or stories with your visitors.

Your blog is managed from the Dashboard, not the page editor.

Dashboard MediaCor Dashboard with Blog link in the left navigation
New Post button Blog dashboard showing the New Post button

Writing a post

  1. From the Dashboard, click "Blog" in the left navigation, then click "New Post."
  2. The post editor uses the same components as your pages — Rich Text, images, and more — so it'll feel familiar.
  3. Your post settings (tags, publish date, featured image) live in the panel on the right.
  4. Click "Save as Draft" to save your progress, or "Preview" to see how it looks.
Post settings panel Blog post settings panel showing tags, publish date, and featured image
Rich Text in a post Blog post editor using a Rich Text component
Important: Publishing a blog post publishes your entire site — every update you've made goes live at the same time, not just the post. Make sure any other in-progress changes are ready to go public before you hit Publish.

Adding blog to your navigation

The blog isn't in your nav menu automatically. To add it:

  1. Click the header area, then expand the "Navigation" tab (same panel from the section above).
  2. Click "Add Link""System""Blog Index."
  3. Give the link a name (like "Blog" or "News") and save.

"Read More" breaks

Want your blog list to show just a preview of each post, with a "Read More" link to the full thing? Drag the "Blog Read More Break" component between two Rich Text blocks in your post. Everything above the break shows in the preview; everything below only shows on the full post page.

Organizing posts with tags

Tags let you group related posts — by topic, category, or audience. Tag each post as you write it, then create a page that links to all posts sharing a tag. This gives you the effect of multiple topic-specific sections without needing multiple blogs.

11

Forms

Let visitors reach out to you right from your website.

The Form component lets you build contact forms, newsletter signups, and surveys — no coding required.

  1. Open "Add Content" and drag the Form component onto your page.
  2. Click it to open the options panel, where you can add, remove, or reorder fields (name, email, message, and more).
  3. Customize the button text and the confirmation message visitors see after submitting.
Where responses go: Every time someone submits a form on your site, the response is sent straight to your email inbox. You can also review past submissions anytime from the Forms tab on your Dashboard.
12

Cool Features to Explore

Once you're comfortable with the basics, these are worth a look.

You don't need any of these to build your first pages — but they're all here whenever you're ready to level up.

đŸ–Œī¸

Page Section Layouts

Start a section with a pre-made design instead of building from scratch. Hero banners, feature grids, testimonial blocks — one click to add.

📱

Mobile Preview

See exactly how your page looks on a phone, tablet, or desktop — right inside the editor. No guessing.

✨

Hover Effects

Add subtle animation to images, buttons, and sections when visitors mouse over them.

🎨

Image Filters

Apply visual effects like blur or sepia to any image directly in the editor. No photo editing software needed.

🔗

Anchor Links

Link to a specific section on a page — great for long pages and "Jump to" navigation.

📝

Form Builder

Build contact forms, newsletter signups, and surveys. Responses go straight to your email inbox.

â†Šī¸

Undo / Redo

Make a mistake? No problem. Undo and Redo buttons are right there in the editor toolbar.

🧩

More Component Types

Hero sections, Image Galleries, Slideshows, FAQ Accordions, Testimonials, Team Profiles, Countdown Timers, Flip Cards, Progress Bars, and more.

13

Publishing Your Site

The final step — making your changes visible to the world.

Everything you build in the editor stays private until you publish it. That means you can take your time, save your progress, and come back later without worrying about visitors seeing an unfinished page.

  1. Click Preview to check how your changes look before anyone else sees them.
  2. Happy with everything? Click the Publish button, usually near the top right of the editor.
  3. That's it — your site is live! Changes are visible to visitors right away.
Tip: It's good practice to click Preview and skim your whole site (especially the page you just edited) before every publish. It only takes a minute and helps you catch typos or layout surprises before visitors do.

Questions? Stuck on something?

That's what I'm here for. Your hosting plan includes personal support — don't hesitate to reach out. There are no silly questions.

mediacoronline.com