---
title: Can I embed images on my site?
description: site setup, embed images, images, site images
---

[Skip to content](https://help.hoastart.com/can-i-embed-images-on-my-site#main-content)

[![HOA Start](https://help.hoastart.com/hubfs/hoa-start-logo-v2.svg)](https://hoastart.com/)

Open main navigation

Close main navigation

 How can we help you?

- There are no suggestions because the search field is empty.

1. [HOA Start - Classic](https://help.hoastart.com/?hsLang=en)
2. [Website & Site Setup](https://help.hoastart.com/website-site-setup?hsLang=en)
3. [Images & Media](https://help.hoastart.com/website-site-setup?hsLang=en#images-media)

# Can I embed images on my site?

### How to Embed Images in Site Setup

*Also searched as: add photos to website page, insert image in paragraph widget, upload image to website text*

In Site Setup, you can embed images directly into Contact Info and Paragraph widget elements, along with FAQ answers, and on pages devoted to Committees, Events, Amenities, and Calendars. This gives you more flexibility to showcase community images beyond the designated image widgets built into website template pages.

### Step 1: Upload the Image to Your Document Repository

All images you plan to incorporate into text areas must exist in your Document Repository first.

1. Click the **Features** tab to open it, then click the **Documents** tab.
2. Upload the image(s) you would like to embed.

Tips for staying organized:

- Create a unique folder specifically for images you display throughout your website. If you plan to upload images to many web pages, create subfolders to keep photos organized and easy to find.
- If the images will appear on pages the public can see, activate the **Viewable by Public** checkbox in the folder settings.

Once uploaded, click the **Copy File Link** action icon next to the image to obtain its URL.

### Step 2: Insert the Image into a Widget

1. From Site Setup, load the page you want to edit.
2. Click the **Edit Contact Info** or **Edit Paragraph** widget element to open the editor window.
3. Place your cursor at the spot in the body copy where you want the image to appear.
4. Click the **Image** icon to open the Image Properties window. (An image can accompany text in the widget, or replace all the text.)
5. On the **Image Info** tab, paste the link you copied from the Document Repository into the **URL** field.
6. Set the image width in pixels (height scales automatically). Optional settings: 
     - **Border**: enter a width in pixels to add a black border around the image.
     - **HSpace / VSpace**: offset the image within the widget space.
     - **Alignment**: align the image to the left or right side of the widget area.
7. Click **OK** to return to the widget element window, then click **Update** to confirm your settings. You can now preview the image size and placement within Site Setup.

### Sizing Reference

- 1/3-page column: 400 px wide
- 1/2-page: 600 px wide
- 2/3-page: 800 px wide
- Full-page: 1200 px wide

To account for widget edge padding, subtract 30–50 px from these totals so the image aligns with the surrounding text.

### Tip

To adjust image size, offset, or alignment after the fact, reopen **Edit Contact Info** or **Edit Paragraph** and double-click the embedded image to return to the Image Properties window.

- [Website & Site Setup](https://help.hoastart.com/website-site-setup?hsLang=en#main-content)

    - [Site Builder & Settings](https://help.hoastart.com/website-site-setup?hsLang=en#site-builder-settings)
    - [Pages](https://help.hoastart.com/website-site-setup?hsLang=en#pages)
    - [Widgets & Site Elements](https://help.hoastart.com/website-site-setup?hsLang=en#widgets-site-elements)
    - [Images & Media](https://help.hoastart.com/website-site-setup?hsLang=en#images-media)
    - [Sponsors & Menu](https://help.hoastart.com/website-site-setup?hsLang=en#sponsors-menu)
- [Members](https://help.hoastart.com/members?hsLang=en#main-content)

    - [Households](https://help.hoastart.com/members?hsLang=en#households)
    - [Member Profiles & Data](https://help.hoastart.com/members?hsLang=en#member-profiles-data)
    - [Addresses](https://help.hoastart.com/members?hsLang=en#addresses)
    - [Dashboards & Reports](https://help.hoastart.com/members?hsLang=en#dashboards-reports)
    - [Registration](https://help.hoastart.com/members?hsLang=en#registration)
- [Roles & Permissions](https://help.hoastart.com/roles-permissions?hsLang=en)
- [Email & Communication](https://help.hoastart.com/email-communication?hsLang=en#main-content)

    - [Message Center (Overview & History)](https://help.hoastart.com/email-communication?hsLang=en#message-center-overview-history)
    - [Message Center Templates](https://help.hoastart.com/email-communication?hsLang=en#message-center-templates)
    - [E-mail Blasts](https://help.hoastart.com/email-communication?hsLang=en#e-mail-blasts)
    - [Professional Email Accounts](https://help.hoastart.com/email-communication?hsLang=en#professional-email-accounts)
- [Community Engagement](https://help.hoastart.com/community-engagement?hsLang=en#main-content)

    - [Messaging](https://help.hoastart.com/community-engagement?hsLang=en#messaging)
    - [Newsfeed & Posts](https://help.hoastart.com/community-engagement?hsLang=en#newsfeed-posts)
    - [Calendars](https://help.hoastart.com/community-engagement?hsLang=en#calendars)
    - [Events](https://help.hoastart.com/community-engagement?hsLang=en#events)
    - [Committees](https://help.hoastart.com/community-engagement?hsLang=en#committees)
- [Ticketing System](https://help.hoastart.com/ticketing-system?hsLang=en)
- [Violations & Compliance](https://help.hoastart.com/violations-compliance?hsLang=en)
- [Documents](https://help.hoastart.com/documents?hsLang=en)
- [Amenities & Reservations](https://help.hoastart.com/amenities-reservations?hsLang=en)
- [Boardroom & Meetings](https://help.hoastart.com/boardroom-meetings?hsLang=en)
- [Voting & Surveys](https://help.hoastart.com/voting-surveys?hsLang=en)
- [Mobile App](https://help.hoastart.com/mobile-app?hsLang=en)
- [Budgets & Expenses](https://help.hoastart.com/budgets-expenses?hsLang=en#main-content)

    - [Transactions & Reconciliations](https://help.hoastart.com/budgets-expenses?hsLang=en#transactions-reconciliations)
    - [Chart of Accounts](https://help.hoastart.com/budgets-expenses?hsLang=en#chart-of-accounts)
    - [Budgets](https://help.hoastart.com/budgets-expenses?hsLang=en#budgets)
    - [Vendors](https://help.hoastart.com/budgets-expenses?hsLang=en#vendors)
    - [Reports & Settings](https://help.hoastart.com/budgets-expenses?hsLang=en#reports-settings)
- [Invoicing & Billing](https://help.hoastart.com/invoicing-billing?hsLang=en#main-content)

    - [Dues & Fees](https://help.hoastart.com/invoicing-billing?hsLang=en#dues-fees)
    - [One-Time Charges](https://help.hoastart.com/invoicing-billing?hsLang=en#one-time-charges)
    - [One-Off Invoices](https://help.hoastart.com/invoicing-billing?hsLang=en#one-off-invoices)
    - [AR Dashboard](https://help.hoastart.com/invoicing-billing?hsLang=en#ar-dashboard)
- [Payments](https://help.hoastart.com/payments?hsLang=en#main-content)

    - [Wallets](https://help.hoastart.com/payments?hsLang=en#wallets)
    - [Stripe & ACH Setup](https://help.hoastart.com/payments?hsLang=en#stripe-ach-setup)
- [Balance and Credit](https://help.hoastart.com/balance-and-credit?hsLang=en)
- [QuickBooks & Accounting Integrations](https://help.hoastart.com/quickbooks-accounting-integrations?hsLang=en)
- [Support](https://help.hoastart.com/support?hsLang=en)

[![HOA Start](https://help.hoastart.com/hubfs/hoa-start-logo-v2.svg "HOA Start")](https://hoastart.com/)

<https://www.facebook.com/HOA-Start-Website-Software-113801303503776/> <https://twitter.com/hoawebsitesoft> <https://www.linkedin.com/company/hoa-start>

Copyright © 2026, HOA Start