Adding an Image to a Web Page in Virteom

Adding an Image to a Web Page in Virteom

This article will explain how to upload an image into your Virteom powered website.

Login

First login to your website. You should see the Virteom administration toolbar at the top. Then click on the page in your site you want to add the image to.

Login

Make Page Editable

Make the page editable by:

1. Clicking on the "Editor" option on the top toolbar.

2. You should see an editable zone, this will have a dotted outline around it. In here you can add text and images to your website.

Make Page Editable

Focus your Cursor

Place your cursor inside the editable zone where you want the image to appear.

Focus your Cursor

Click on Add Image Icon

Click on the add image icon. It will look like a little photo of a house and it's next to the flag icon. This will open a new window.

Click on Add Image Icon

Image Properties Box

After you click the icon this image properties box will show up. Now you need to browse for the image that you want to place on the page. Click the "Browse Server" button to browse for an image.

Image Properties Box

File Browser

Once you click "Browse Server" the Image File Browser will appear. In here you can either select an image that you previously uploaded or you can upload one from your computer to the site. We are going to show you how to upload one from your computer. Click "Upload File".

File Browser

Upload a File

After you click "Upload File" a new box will appear. This is the file uploader box. To browse for a file on your computer click the "Browse File" box.

Upload a File

Select File(s)

Now go tot he folder on your computer that has the image that you want to upload. You can select one or more images and upload them all at the same time. Once you find the image(s) click the "Open" button to load them into the uploader window.

Select File(s)

Verify the Images

All of your images should be ready to upload. When you are ready, click the "Upload" button to get the images to the server.

Verify the Images

Find Images

Now that you've uploaded the images, browse to the folder that you loaded the image(s) to and select the image by clicking on the blue check next to the image to select it to insert into the webpage.

Find Images

Add Alternative text to the image

After you click on the check the dialogue window will show your image. Fill out the Alt text with an image description for better SEO. Then click the "OK" button to finish.

Add Alternative text to the image
 

floating images to the right or left

After you load your image in, you may find that you want it to appear to the right or left of your text. In web development, we call this floating an image. 

Floating images to the right or left of text is relatively easy in Virteom CMS. When you're on the Image Properties Screen (in the steps prior to this) there is an option for Alignment on the bottom left-hand side of the window. 

Alignment of Images in Virteom CMSFloating Images  | Virteom CMS

 

Floating images to the left

If you would like to float an image to the left, choose 'Left' from the Alignment box.

Floating Images to the right

If you would like to float an image to the right of your text, choose 'Right' from the Alignment box.

adding space

Adding Horizontal Space to Photos in Virteom CMS Adding Space in Virteom CMS

Adding whiteSpace to the left or right of your photo

If you find that the text is too close to the left or right of your photo, add in 'HSpace'. H Space is short for Horizontal space. The number entered into this box goes by pixels. 

Adding whitespace to the top and bottom of your photo

If you find that the text is too close to the top or bottom of your photo, add in 'VSpace'. V Space is short for Vertical space. The number entered into this box goes by pixels.

You're Done

Now your image is on the webpage. Make sure to hit "Save Page" to save the image to the webpage. That's it you are done.

Want to know more about images in virteom cms? 

Check out How to Add Images and Other Photo Tips by Clicking Here

Want to know how to resize images the right way? Click Here


Article revised 06/26/2018 by Olivia Justice

Loading Form...
Posted By Dan Carbone in Learning

Related Posts

Email Footers with Dynamic Advertisements, Company Wide

Virteom has the ability to manage all of your employees email footers easily and effectively.  The first thing you will want to do is add each employee as a member of the Virteom system.  Do this by clicking on the 'Manager' option on the top toolbar and then clicking on the 'Members' option on the left toolbar. Every member in the system can have the capability of having their own footer. So this can be an 'Admin' or an 'Employee' as as example.  But it is not limited to those types. Add a Member Now add each employee of your organization as a member to the system. Do this by clicking 'Add New Member' and fill in their information.    Managing Your Email Footers Company Wide Once you are done adding each employee you will notice that there is an Email Footer in the lower right with a button called click here. When you click this button a new window will open up and a generated email footer for that employee will

Nov 25, 2012 Posted By Dan Carbone

How to Add Images to Your Website

One of the easiest ways to add some flare to your website is to add images. But how do you add images to your Virteom website? In this article we'll cover all the bases on just that.  Preparing your image for upload First things first, we'll need you to prepare your image for upload. There are a few things you should do to your image before uploading your image to your website: Make sure your image name does not have any spaces in it. We suggest replacing any spaces in your file name with dashes (-) or underscores (_).  Optimize your image for the web. To keep your website running at top speed, you'll want to optimize your image for web. How do you do this? Use an image optimizer like this one.   Uploading your new Image into Virteom Editor Now that you have prepared your image to be uploaded, you're locked in loaded to upload it to the Virteom CMS.  Go to your website and log into your Virteom editor. Once you are logged in go to the

Nov 20, 2012 Posted By Dan Carbone

Virteom Cloud Marketing Overview

So many marketing and web development firms promise you award winning websites. This sounds sexy, but what does it really mean to you? Doesn't this mean that they will be winning the award for a good looking website rather than building you a tool that will effectively grow your business?  We think that's what it means. Virteom is on a Mission Virteom is on a mission to change what we do once we launch websites.  We're so serious about this mission that we've become the back end technology firm for marketing firms from Cleveland to Detroit.These marketing firms put their trust in Virteom that we will effectively help them grow their customers relationships.  How do we do it? Take a look at the quick overview video of our technology and you'll quickly understand that we create what we like to call Marketing Rhythm.  In fact some experts believe we just may be forging a whole new segment with our technology.  Rhythmic Marketing Rhythmic

Nov 13, 2012 Posted By Dan Carbone

Most Recent

How Do I Rank Higher Without Paying for Ads?

Posted By Virteom
November 09, 2022 Category: Digital Marketing, Ads, Business Marketing, Cleveland, Northeast Ohio, SEO, Ads, Google Analytics

Are you looking to get a higher Google rank but don’t want to pay for ads? In that case, be sure to give this article a

Your Website Is for Your Customer

Posted By Virteom
November 03, 2022 Category: Website Development, Website Design, Digital Marketing, Business Marketing, SEO, Custom Website, Business Website

Do you have a great-looking website but are still struggling to get traffic? In that case, be sure to take a look at this

What Is A SSL Certificate?

Posted By Virteom
November 03, 2022 Category: Website, SSL Certificate, Website Security, Website Protection, Website Development, SEO, Website Marketing, Digital Marketing

Are you looking into website security and trying to understand what steps to take for additional protection? In that case, be sure to take a look at this

Categories
Learning (30)
Modules (12)
How To (11)
Digital Marketing (7)
General (6)
Virteom (6)
Content (4)
ECommerce (4)
Website Design (3)
Website Development (3)
Search Engine Optimization (3)
Virteom CMS (3)
Pages (3)
Navigation (3)
SEO (3)
Business Marketing (2)
Ads (2)
Forms (2)
Links (1)
One Page Website (1)
Sidebar Menu (1)
Page Information (1)
Image Resize (1)
Form Submissions (1)
Buttons (1)
Clear Cache (1)
Responsive (1)
WordPress (1)
$999 Website Deal (1)
Technology (1)
Report Card (1)
On Page Editing (1)
Mobile Friendly (1)
Single Page Website (1)
NIL Agency (1)
Call To Action (1)
New Website Launch (1)
Image Upload (1)
Images (1)
Virteom Cloud (1)
Custom Website (1)
Business Website (1)
Website (1)
SSL Certificate (1)
Website Security (1)
Website Protection (1)
Website Marketing (1)
Demo Videos (1)
Cleveland (1)
Northeast Ohio (1)
Info Boxes (1)
Call To Actions Module (1)
Tables (1)
Cache (1)
Link (1)
User Access (1)
Blog (1)
Formatting (1)
Virteom Platform (1)
Photo Management (1)
Email Campaigns (1)
WebsiteSetup (1)
GoogleAnalytics (1)
Menus (1)
GoogleConversions (1)
Statistics (1)
PhotoGallery (1)
Internet Explorer 11 (1)
CMS (1)
CTAs (1)
Lead Generation (1)
Page Layout (1)
Blogs (1)
Employees (1)
Page Banner (1)
Editable Zones (1)
Virteom Cms (1)
Marketing (1)
Image (1)
Traffic Analytics (1)
Meta Descriptions (1)
Meta Data (1)
Banner (1)
Rotation (1)
Rotator (1)
Google Analytics (1)
+ Show More