Account & Billing
How do I export taxes on Subbly?
Can I switch between pricing plans? (on Subbly)
How can I test the checkout and customer login area?
Can I grant access to more users to my account? (Teams app)
How do I cancel my account?
Setting up Stripe
Timezone setup
Setting up the checkouts and customer portal on custom domain
Setting up PayPal (through Braintree)
Invoices (FAQ)
How do I put my store offline?
Tax calculator FAQ
How do I add Terms & Conditions to the checkout?
Country of trade setting FAQ
How do I set the currency for my store?
Account credit balance
How do I cancel my trial?
How do I enable Apple Pay?
How to connect a domain to your website?
Enabling Checkout Only mode
Checkout & Payments
How do I remove Subbly branding from the checkout?
Why are my checkouts not working?
Can I edit/customize the checkout?
Cart behavior
Changing branding on the checkout
How do I set the multi-currency feature?
How to translate the checkout?
How to change the position of the currency symbol at the checkout?
Website Builder
Dashboard apps
Articles App
Logo maker app
Designer Tools: Overview
Fonts App
Pages App
Designer Tools: Layout
Designer Tools: Typography
SEO App
Domain App
Languages App
Designer Tools: UI Kit
Templates App
Media App
Pop-Ups App
Getting started with Dashboard and Apps
Site Settings App
Elements
Icons element
Blank space element
Language Switcher Element
Image Slider element
Form element
Map element
Product/Products Element
Breadcrumb element
Account Element
Accordion element
Button/Product Button element
Sharing Buttons element
Logo element
Quotes element
Paragraph element
Custom HTML element
Search element
Region Switcher element
Divider element
Articles and Article Categories element
Follow Us element
Gallery element
Title element
Video element
Image element
Countdown element
Pages element
Edit mode
How to create a banner on the website builder?
How to submit your website to Google, Yandex, Bing or Yahoo?
How to embed Instagram feed to my website?
How to create anchor points on your website?
How to set up event tracking codes on your website?
Adding chatbot to your Subbly site
How to add effects to your website?
How to build a page from scratch with Subbly?
How to add images and videos to your website?
How to configure SSL for your site?
Desktop vs. Mobile versions of the site
Positioning of elements
How to add Trust Pilot reviews to your website?
How to build your own product layout?
Setting up Headers and Footers across pages
Managing visibility settings of Elements and Blocks
How to create a Blog?
How do customers leave a review for my products?
Getting Started with the Website Builder
Basics of the Edit Mode
How to publish the latest changes on your website?
How to preview my Subbly website?
How to add/create Blocks?
How to localize your website (create a multilingual website)?
How to use Colors tool?
Why do the products go to 404 page?
Products
Product builder wizard
Subscription add-ons
How to set sequential subscriptions in Subbly?
Anchored subscriptions
Setting up trial period for subscription products
How to use gift vouchers?
How do I edit my product price and billing settings?
Can I set my subscriptions to auto-cancel themselves?
How does the pre-order setting work?
How to set up pre-paid subscriptions?
What are subscriptions?
How to set up shipping methods for my store?
Commitment period
Using one time products as bundles
Seasonal subscriptions
Setting up funnels
Ad-hoc subscriptions
Implications of using Anchored + Incoherent
Understanding cut-off dates
Incoherent subscriptions
How to unpublish a product?
How does gifting work?
Membership subscriptions
How to create a subscription product?
How to create one-time products?
Survey builder
Customers
Can I add customer's subscriptions manually?
Customer's Labels Explanation
How to switch the subscription product customer is subscribed to?
How to change renewal date for a customer?
How can I see my customers' preferences?
Why my customer wasn't charged?
How does skipping/pausing work?
Can my customers add products to their subscription?
How do I export my customer data from Subbly?
How to change the shipping address for a customer?
How to reactivate customer's subscription
How customers change their password?
How to unpause customer's subscription?
How to refund a customer's payment?
How to cancel customer's subscription?
How to pause/resume customer's subscription?
How customers manage their subscription? (Customer portal)
Emails FAQ
Orders
Why my orders don't appear in my Shipstation admin?
How to create adhoc orders/charges?
Can I create a test order?
Orders' Labels Explanation
Why am I not seeing my orders?
How to add a tracking number for customer's order?
Handling Orders
Growth & Retention
Customer retention
How dunning tool works on Subbly?
Cancellation Analytics
Upcoming Renewal Email
Churn Insights
Cancellation Offers (Cancellation Flow)
Growth tools
Integrations & App Store
App store
Setting up Chartmogul
How to use other shipping services with Subbly?
Setting up Facebook CAPI & Pixel
Setting up Google Analytics
Setting up ManyChat integration
Setting up Taxjar
Setting up Mailchimp integration
Setting up Drip
Setting up HotJar integration
Setting up Flodesk (through Zapier)
Setting up Zendesk integration
Setting up Pirate Ship integration
How to setup your ShipStation integration
Setting up Bablic
Zapier use cases
Setting up Zapier
Setting up Klaviyo
Setting up Twilio integration
How does the ShipStation integration work?
Setting up Intercom integration
Embed Subbly into external platform(s)
FAQs
Do you offer refunds?
Stripe vs. Paypal: Which one to use?
How to transfer domain between sites on Subbly?
How can I migrate my customers from Stripe?
What payment gateways are supported on Subbly?
Does Subbly integrate with any accounting platform?
How much does it cost to use Subbly?
Pricing structure and applicable transaction fees on Subbly
How can I migrate my customers from PayPal?
How do I get help? (How to contact support)
How and when do we charge VAT?
Can customers download files from my Subbly site?
FAQ about Subbly
Can I use Subbly for POS sales?
How fast do we respond to your tickets?
Why doesn't Subbly have a marketplace?
Why my checkout redirects to a different product?
What shipping integrations do you provide?
How to use tags?
When do I get paid?
Help people in Ukraine
How can I access my previous receipts/invoices?
How can I send emails to my customers?
How much traffic can the Subbly servers handle?
What countries is Subbly available in?
- All Categories
- Website Builder
- Elements
- Image element
Image element
Adding images to your website is a great way to make it more eye-catching and visually appealing. That's where you'll need the Image Element. 💫
To add an image, photo or any kind of graphical file, you just need to drag and drop the ‘Image’ icon to the canvas. You can hover over the canvas area to see where can it be placed, and the gray line will indicate whether it's in grid or full width!
Now simply click anywhere on the image and the options for editing will appear in the upper left.
Upload the image by clicking on the ‘Upload’ button and choosing the image you want from your PC. Once you've found what are you looking for, just click open and your desired image will be loaded.
If you have already uploaded some images and you want to use them, choose the ‘Select Image From Media’ option and pick the one you want to add.
We also suggest making use of the amazing integration with the Unsplash Free stock to get some cool pics.
To change the image size, click on it and move the controllers respectively. You will notice two types of controllers. With black ones you can change the margin, while the green controllers are responsible for the image height.Â
If you want to add a link to the image, select the ‘Link’ button from the editing options.
Here you can pick the type of the link you want to have on your image. There are three choices available: Internal, External or Anchor.Â
You should use internal links when you want to connect an already existing page of your website to the image you’ve uploaded, so that your site visitors get redirected to that exact page when clicking on the image. Simply choose a page from your website by Selecting an Inner Page and you’re good to go.
External links are used when you want to point to another website and Anchor is used to specify the area on your page the navigation will be set for your link.
Settings
Now let’s see what we got under the ‘Image settings'.
You can put your Image in the Normal or Background mode, add an Image Title and Alt. Title stands for the text you see while hovering on your image in public view, while Alt refers to the image SEO.Â
Â
If you’re looking for something with crazy animation effects – Effects option in our Image element is your best fit. Why not add some cool Effects to your Image: when someone hovers over the image for example.
Click on the desired one to select it and pick the colors you prefer for the Title, Description, Overlay and the Graphic Element on your Image using the Colors Tool.
Wanna range far beyond the basics? Go for the Loading Effects section and pick the one you want the same way. Hit the effect name on the left to preview how the effect will look like.
Alignment - To change alignment settings of the element, click the Alignment icon and choose the desired position: top, center or bottom.
Visibility Settings - It enables making a certain Element/Block appear on Desktop, Mobile only, or everywhere by default. Simply hit Visibility Settings and choose the desired option from the drop down menu to get full control over the Visibility of the Divider on your page.
Next comes Location visibility. Include or exclude specific cities or countries or set the appropriate Custom IP.
Delete -Â If you don't need the image anymore, click Trash to remove it from your page in a blink of an eye.
At the same time, you have an option to move your image to background. To have it available, just click hover over the desired block, go to Block Settings hitting the 3 dots in the upper left corner of the Block and upload the ‘Background’ image from your PC with ease. Move the pointer to choose the preferred image area. When it’s all set, push the ‘Save’ button.
Did you know you can even add a Video Element as a Background?Â
Alternatively, you can just select an image from your 'Media' or the cool pics offered by Unsplash.
Now change the 'Opacity'Â if you wish, enable or disable the Cover mode.Â
Voila!
To remove the background image, simply hover over the selected image in the same window and you'll notice the 'X' icon. That's it!Â
Have questions? Just let us know in the chat!