WebsiteBuilder: Add an Image

  • 0
  • 1
  • Article
  • Updated 2 weeks ago
  • (Edited)
  1.  Click on Elements > Images > Image



  2. This will bring up a page that gives you options for selecting an image. You can either:

    -Add Image from upload
    -Add image via link
    -Select from images you've already added
    -Use stock images




  3. Select the desired image and click Place.
    The image will be placed on the page and you may drag it to the desired location.
Photo of Homestead FAQ

Homestead FAQ, Employee

  • 43,556 Points 20k badge 2x thumb

Posted 4 years ago

  • 0
  • 1
Photo of lynn7364

lynn7364

  • 562 Points 500 badge 2x thumb
The old sitebuilder had the option to optimize the image to reduce the load time. Granted it wasn't the best but it sufficed. I do not see that availability in this web builder. Do we need to do this off site now?
Photo of Drew N

Drew N, Alum

  • 262,826 Points 100k badge 2x thumb
The optimize button no longer exists, but the Crop & Edit option gives you the ability to resize the image to your desired size. Plus the editing options are more extensive than Sitebuilder. Click the image and on the right you will see the option.
Photo of SEEN1011

SEEN1011

  • 742 Points 500 badge 2x thumb
How can I can I make simple image roll over?
When mouse moves onto image it changes to another image?
Photo of Drew N

Drew N, Alum

  • 262,826 Points 100k badge 2x thumb
This feature is not currently available in the new builder, but you can do this with the mouseover effect in your Sitebuilder sites. It can also be done using code in either builder.
Photo of SEEN1011

SEEN1011

  • 742 Points 500 badge 2x thumb
where do I find the mouse over effect? does not mean that it is possible in the new builder?
Photo of Drew N

Drew N, Alum

  • 262,826 Points 100k badge 2x thumb
Which site are you working on? The different editors have different features available.
Photo of Duane7117

Duane7117

  • 402 Points 250 badge 2x thumb
So if we have images in our User uploaded images in SB we can't access them to use in the new builder?
Photo of Drew N

Drew N, Alum

  • 262,826 Points 100k badge 2x thumb
Duane, if you upload images in the new builder, they will be available for use on the site. The above question is about effects that can be applied to the image.
Photo of Julia0353

Julia0353

  • 414 Points 250 badge 2x thumb

Previous post was 1 year ago, but maybe something has been changed during this period...So, Is any Mouseover Effects available for image on the new Website Builder? (Like it was on old Desktop version)
Photo of Elyzabeth

Elyzabeth , Official Rep

  • 48,072 Points 20k badge 2x thumb
There are some options available under Animations that you can set up, and there is a scale option that makes the image scale bigger or smaller when rolled over under More> Advanced> Settings> Element Behaviors.
(Edited)
Photo of Hal9944

Hal9944

  • 1,040 Points 1k badge 2x thumb
Why is it that all but just the smallest images will upload.   More than 80% of the images I attempt to upload just hang on the upload symbol.   Is there any way to overcome that?
Photo of Michelle C

Michelle C, Employee

  • 35,452 Points 20k badge 2x thumb
Hello,

There should be no issues uploading larger images. I tested uploading a fairly big image and it uploaded right away. What site are you attempting to upload to? 
Photo of Hal9944

Hal9944

  • 1,040 Points 1k badge 2x thumb
Trying to upload to www.benefitssitedemo.com (WSB)
Photo of Michelle C

Michelle C, Employee

  • 35,452 Points 20k badge 2x thumb
I tested uploading to this site and large images upload fine. I recommend using google chrome when uploading. What is the size of the image you are attempting to upload? 
Photo of Hal9944

Hal9944

  • 1,040 Points 1k badge 2x thumb
Mmm, it seems to be working today.   While I have you, how do I grab an image element that's on the far left out of view?
Photo of Michelle C

Michelle C, Employee

  • 35,452 Points 20k badge 2x thumb
Perfect, you can zoom out (crtl -) to get a wider view of the page and its contents. 
Photo of Hal9944

Hal9944

  • 1,040 Points 1k badge 2x thumb
That's a great tip but it still doesn't get me far enough over there to remove the image element.   Is there a way to hide the left verticle menu?
Photo of Michelle C

Michelle C, Employee

  • 35,452 Points 20k badge 2x thumb
There is not a way to collapse the left menu, apologies. If would like to provide what page it is on and what the image is, I wouldn't mind assisting in deleting it. 
Photo of Hal9944

Hal9944

  • 1,040 Points 1k badge 2x thumb
Michelle, it was on the CONTACT page of www.benefitssitedemo.com, but I don't see it now!   It was a white rectangle.   What an incredible upgrade WSB is to SBP, I'm enjoying using it.
Photo of Michelle C

Michelle C, Employee

  • 35,452 Points 20k badge 2x thumb
It looks like its been removed and im glad to hear that you are enjoying WebsiteBuilder. :)