How to Turn a Website URL Into On-Brand Ad Images

How HeyUGC reads your website into a brand profile, uses a reference ad for layout, and makes a static ad image, plus checks to run before you upload it.

Team HeyUGCAI Content Creation
A website address transforms into a luxury perfume advertisement with brand colors.

You can turn a website URL into an on-brand ad image in HeyUGC by entering your site address, reviewing the brand profile it builds, choosing a reference ad for the layout, checking a short brief, and generating one static image. HeyUGC reads your name, logo, colors, and what you sell from your site, and places your original logo on the finished image. The image tool costs 40 credits per image, according to the pricing page.

This guide walks through each step in the order the app presents it, explains what is read from your site and what you can edit, and lists the checks to run before an image goes into Ads Manager. It applies to a product business and to a service or software business alike. The examples cover both.

What the tool makes, and what it does not

HeyUGC makes one finished static image per run, as a PNG you download. It does not make video, voiceovers, or avatars, and it does not publish or schedule anything for you. You take the file to wherever you advertise.

What HeyUGC reads from your website

When you enter an address, HeyUGC reads your landing page and builds a profile in four stages: reading your website, brand voice, colors, and photos. If your homepage does not make clear what you sell (a single hero photo and a sentence is common), it reads up to two more pages on your site that look like product, shop, service, menu, or pricing pages.

You then review the profile on two screens.

Screen Fields you can review and edit
The business Business name, category, sub-category, business type, city, tagline, audience, what makes you different, what you sell
The brand Brand colors, tone of voice, language

Two items are shown but not edited on these screens: your logo, which you can remove if the wrong one was picked up, and the photos pulled from your website. What you save wins over what the tool found, so a wrong tagline or a stray color is a quick fix.

If you have no website yet, the first step offers "I don't have a website". You then choose your colors and tone yourself and describe the business by hand. The dashboard shows your saved profile afterwards. We could not confirm from the app that every profile field can be edited again after setup, so get the profile right during onboarding.

The steps

  1. Add your website. Enter your address in onboarding. The profile fills in as the reading stages finish.
  2. Review the business and brand screens. Check what you sell and who it is for first, because those decide what the image promotes. Then remove any color that is not really yours and confirm the tone.
  3. Choose a reference. This is the Inspiration step. You can pick from a catalogue of ads, or upload your own reference.
  4. Check the brief. This is the Customize step, described below.
  5. Generate. Choose "Make my image". The credits are held while the image is made.
  6. Review and download. Read the review notes, check the image yourself, and download the PNG. "Generate again" starts a new run, which uses credits again.

Choosing a reference

The catalogue shows ads from businesses like yours, and it may not be switched on in every environment. If it is not, you can upload your own reference. Uploads accept PNG, JPEG, or WebP files between 256 and 4,096 pixels on each side and up to 5 MB, and an upload is private to the brand you added it to.

One detail changes how you should choose. The reference image itself is not sent to the image model. HeyUGC analyses it for the kind of design it is, and the brief is written from that description plus your own business facts. So the reference steers the layout and style rather than being copied, and a reference in another brand's colors still produces an image in yours.

Questions that narrow the choice:

  • Where does the eye land first? Pick a reference whose focal point matches what you want people to see: the product, a person, a screen, or a line of type.
  • Is there room for a headline? Open background leaves space for a short line. Crowded references tend to give crowded results.
  • Is it one idea? A reference that crams in a product, a discount, a testimonial, and a logo wall hands that clutter on.

For a physical product, look for references that put the object in the middle. For a service or software business, which has no photogenic object, choose a typography-led or lifestyle reference and say in the idea line what should be shown, such as the person using the service or the screen the software replaces.

The brief

Before generating, you confirm the brief. You choose what to promote from your offerings, set the background to automatic, light, or dark, and can add an idea line. One sentence is enough, such as "Cold brew for early commutes" or "Invoicing for freelancers who hate chasing payments".

HeyUGC then drafts a creative direction and shows you the main message, the details it will include, and any text that must appear on the image. If the draft includes a figure that is not in your profile, such as a price, a percentage, or a count, you must approve it explicitly before you can continue. An "Advanced" box shows the exact instructions sent to the image model, and you can edit them.

This step matters because every word on the image is a claim. Read the list of text that must appear, and remove anything you cannot back up.

Output size and what to check

The image follows the shape of the reference: portrait, square, or landscape. The app requests 1024 x 1536 for portrait, 1024 x 1024 for square, and 1536 x 1024 for landscape. Catalogue references are treated as portrait. The size you receive can differ from the size requested, so open the file and check its pixel dimensions before you upload.

Meta publishes its own recommendations, which we read in Meta's Ads Guide on 30 October 2026.

Placement Recommended ratio Recommended resolution
Facebook Feed 4:5 1440 x 1800 px
Instagram Feed 4:5 1440 x 1800 px
Instagram Stories 9:16 1440 x 2560 px
Instagram Reels 9:16 1440 x 2560 px

Meta lists these under design recommendations. The minimum widths and ratio tolerances are listed separately as technical requirements. HeyUGC's portrait request (1024 x 1536) is a 2:3 shape, taller than 4:5, and smaller than the recommended resolutions. Two practical points follow.

  • A taller image can be cropped in Feed. Meta's Instagram Feed page lists 400 x 500 (4:5) as the narrowest ratio it accepts. Keep the headline, product, and logo well inside the middle of the frame, and check the placement in the Ads Manager preview.
  • Stories and Reels reserve space for the interface. Meta suggests leaving roughly 14 percent at the top, 35 percent at the bottom, and 6 percent on each side free of key elements. A headline near the bottom edge can end up under the call-to-action button.

Treat the Ads Manager preview as a required step, and compare the image at phone size with the recommended resolution in mind.

Review every image before you use it

The result screen runs an automatic review and lists what it noticed, such as text that is missing or misspelled, wording that goes further than your profile supports, or marks that should not be there. These are flags, not a verdict. The review looks for specific things and can be wrong in both directions, so finding nothing is not an assurance. An image with flags is still downloadable, and nothing is generated again unless you ask.

Then check four things yourself.

  1. The logo. Your original logo is placed on the finished image without being redrawn. If your brand has no logo on file, the image is finished without one, and the result screen tells you. If the logo could not be placed, it says so.
  2. Every word on the image. Check spelling, check that any offer is real, and remove anything you cannot back up.
  3. The product or screen shown. Generated images can simplify details, so compare the image with your real item or interface.
  4. The crop. View it at phone size. If the headline is hard to read at thumb scale, shorten the line and run again.

What it costs

The pricing page lists the image tool at 40 credits per image. Credits are sold as pay-as-you-go top-ups with no subscription, and the pricing page says they never expire. Eligible new accounts get a one-time 50-credit trial when their email is verified, enough for one image with credits to spare. Your balance and the current packs are on the pricing page.

Your real cost per usable image depends on how many runs it takes. If one in two images is a keeper, each keeper costs 80 credits. Our credit breakdown works through the numbers and separates this cost from what you pay Meta to run the ad.

Where the copy fits

An image carries a short headline, but the ad also needs primary text, a headline field, and a call to action in Ads Manager. HeyUGC's ad copy generator writes five headlines, three primary texts, three descriptions, and three calls to action for one product and one angle. It does not read your brand profile. You describe the product, the audience, and the angle in its own short form, so reuse the same wording you gave the image brief.

Frequently asked questions

Does HeyUGC copy the reference ad?

No. The reference image is analysed for its design type and layout, and the image model receives a written brief rather than the reference itself. Still, review the result so it does not echo another company's distinctive branding.

Can I use my own reference image?

Yes, as a PNG, JPEG, or WebP of 256 to 4,096 pixels on each side, up to 5 MB. Uploads are private to your brand.

How many images can I make from one website?

As many as your credits allow. Each run is a separate charge, and you can change the reference, the offering, or the idea line between runs.

Does the image tool write the ad text for Ads Manager?

The image can carry a short headline. The primary text, descriptions, and calls to action come from the separate ad copy generator.

Do I need a website?

No. Choose "I don't have a website" in the first step, then set your colors and tone and describe the business by hand.

Start with your own URL

Open HeyUGC, add your website, and read the profile it builds before you spend a credit on an image. If the profile describes your business accurately, the images have a good starting point. If it does not, fix the profile first.

Keep reading