Here’s the truth. Searching for great images shouldn’t eat up your valuable time when building your online business. Great news! Systeme.io includes a powerful image library that makes adding graphics to your pages incredibly simple.
Whether you’re designing your first landing page or your hundredth opt-in form, this walkthrough will teach you exactly how to navigate the image features within the editor.
Step One: Finding the Image Library
Before anything else. You must open any funnel page, website, or blog article in the Systeme.io editor. After you’re inside, follow these steps:
1. Select any area where you’d like to place an image
2. Find the “Add Element” option (typically shown as a plus icon)
3. Choose “Image” from the available elements
4. A panel will appear showing your image options
Done! You’re now viewing your visual content choices.
If you need additional help with the page editor: Click Here
Three Methods for Adding Visuals
Systeme.io offers versatility when selecting graphics. Here are your primary choices:
Method 1: Browse the Free Stock Collection
Select “Free Images” from the panel. You’ll notice a search field at the top. Enter keywords describing what you need (such as “office” or “computer”) and scroll through the options. Select any picture to add it straight to your page.
Method 2: Add Your Personal Images
Got branded graphics or original photos? Select “Upload” and choose files stored on your device.
Quick suggestion: Choose PNG format for brand logos and JPG format for photos. This ensures your pages remain speedy.
Method 3: Retrieve Previously Used Images
Uploaded visuals before? They’re stored in your account. Simply select “My Images” to view your complete history. This eliminates wasted effort when managing several projects simultaneously.
Simple Editing Tricks Within the Platform
After placing your visual on the page, select it to reveal customization options. Here’s what you can modify:
- Dimensions: Pull the edges to increase or decrease size
- Position: Place it centrally, move it leftward, or shift it right
- Alt Description: Include keywords for search optimization (never ignore this!)
- Hyperlink: Turn your visual clickable by inserting a web address
- Margins: Control the white space surrounding your image
Speed Matters: Visual File Best Practices
Oversized images cause sluggish pages. Sluggish pages drive away visitors. Follow these simple guidelines:
- Compress visuals before adding them whenever possible
- Target files below 500KB for typical applications
- Select stock visuals when appropriate (they’re pre-optimized already)
The visual library within Systeme.io eliminates another obstacle standing between you and professional-quality web presence. You won’t need expensive design programs or pricey photo memberships.
Begin with basics. Choose one project you’re building and experiment with inserting several visuals using these instructions. Soon enough, you’ll handle this effortlessly without any hesitation.
Your projects will appear more polished. Your audience will engage longer. And you’ll question why you ever believed this seemed difficult.