Funnelish Docs
FunnelishPricingBlogCommunity
  • Overview
  • Getting Started
    • Quick start
    • 1️⃣Creating a funnel
      • Funnel steps
      • Products
    • 2️⃣Customize design
      • General Settings
      • Layout
      • Containers
      • Compositions
      • Saving assets
      • Payment Forms
        • 2 Step Form
        • Payment Form
      • Express Checkout
      • Product List
      • Text Elements
      • Media
      • Loox Reviews
      • CTA
      • Order Bump
      • Popups
      • Form element
      • Timer
      • Progress Bar
      • Social Network Buttons
      • Order Summary
      • FAQs
    • 3️⃣Collecting payments
      • Payment Methods Supported
      • Add payment methods
      • Card payments
        • Stripe
        • NMI
        • Checkout.com
        • Airwallex
      • PayPal
      • Express Checkout (Google & Apple Pay)
      • iDEAL payments
        • iDEAL through Stripe
        • iDEAL through Airwallex
      • P24 (Poland)
      • Cash On Delivery
      • Buy Now, Pay Later
        • Klarna through merchant account
        • Klarna through Stripe
        • Klarna through Airwallex
      • Bancontact payments
        • Bancontact through Stripe
        • Bancontact through Airwallex
      • SEPA Direct Debit
      • RazorPay (India)
      • EPS (Austria)
    • 4️⃣Connect your domain
      • Introduction
      • GoDaddy
      • Namecheap
      • Shopify
      • Cloudflare
  • ADVANCED FEATURES
    • Funnel analytics
    • Send SMS
    • A/B Testing
    • Geo-funnels
    • Responsive design
    • Discounts
  • Integrations
    • Integrations Overview
    • Shopify
      • Connect Your Shopify Store
        • Shopify custom app
      • Send Orders to Shopify
      • Set Up Order Bundling
      • Set Up Dynamic Variants
      • Set Up Order Notes
    • Connect to Google Sheets
      • Connect Your Google Account
      • Send Data to a Google Sheet
    • Get Started with Klaviyo
      • Connect With Klaviyo
      • Send Data to Klaviyo
    • ShipStation
      • Connect to ShipStation
      • Send Orders to ShipStation
    • ActiveCampaign
      • Connect with ActiveCampaign
      • Create an ActiveCampaign Automation
    • Hyros
      • Connect With Hyros
      • Create a Hyros Automation
    • MailChimp
      • Connect with MailChimp
      • Automate With MailChimp
    • SendGrid
    • Mailgun
    • Zapier
  • Apps
    • Funnelish Apps Overview
    • Facebook Pixel
    • Pinterest Tag
    • Proofy
    • Google Analytics
    • TaxJar
    • TikTok Pixel
  • Automations
    • Overview
      • Set up automations
    • Triggers
    • Actions
      • Sending Emails
        • Text Only
        • Templates
      • Send a Notification
      • Delays
      • Conditions
      • Webhooks
      • Jumps
      • Integrations
  • Resources
    • Multi-Users Access
    • Send Emails From Funnelish
    • Manage Your Orders
    • Manage Your Customers
  • FAQ
    • Funnel Launch Checklist for Funnelish
    • Profile Information
    • Frequently Asked Questions
    • Troubleshooting Issues
    • Ordering Without an Address
    • How to change a page title?
    • Set a Default Landing Page
    • How to Charge a Shipping Fee
  • Connect to Click Funnels (Legacy)
    • Your First ClickFunnels Funnel
      • 1 Add Your Funnel
      • 2 Copy Your Tracking Code
      • 3 Turn On Your Apps
    • ClickFunnels Apps
      • Smart Optin
        • Facebook Client ID
        • Google Client ID
      • Smart Currency Converter
      • Programmable
      • Fancify
        • Product Variant Set Up
      • Paypal Plugin
        • Testing Purchases
      • Smart Address Plugin
    • Tracking Orders
      • Track Paypal Orders In ClickFunnels
      • Track ClickFunnels Orders In Funnelish
Powered by GitBook
On this page
  • Adding media
  • Customizing image settings
  • Preview selected product
  • Click action
  • Lazyload
  • Creating an image folder
  • Adding videos to your page
  • Embed Video element
  • Customize the Embed Video player
  • Video element
  • Customize the Video element

Was this helpful?

  1. Getting Started
  2. 2️⃣Customize design

Media

Add visual content to a step.

PreviousText ElementsNextLoox Reviews

Last updated 1 year ago

Was this helpful?

Media includes Image, Image slider, Before/After slider, Embed Video and Video elements.

Adding media

  1. Drag an element (image, image slider, before/after slider, embed Video or Video) to the canvas.

  2. Click the element to display the toolbar and open the left side panel with its corresponding settings

Customizing image settings

The settings panel has all the standard image editing tools to customize the display and layout, These include responsive property, alignment, margins, alt text, borders, and shadows. We also offer more specialized features, described below.

Preview selected product

Enable this feature to display a preview of a product inside an Image or Image slider element when your customer selects a product.

Click action

To add a link to images, click on Click action in the side panel. In the pop-up window, choose a link location. You can select:

  • Submit step Submit customer payment details and move the user to the next step in the flow.

  • Go to next step Move the customer along the flow, but do not submit any payment information.

  • Go to URL Add a link to an external page.

  • Go to section/row Create an anchor link to a different place on the same step. Link to a specific section or row on the step.

  • Show popup Choose a popup for the drop-down menu. When a user clicks the image, the popup displays.

Lazyload

Enable this feature to enhance site performance. Lazyload delays media loading until it is needed. The result is a better user experience because other site elements can load faster when needed.

Creating an image folder

By default, Funnelish stores pictures in a folder called All Images. You can create new folders to improve file management if you plan on uploading lots of content.

  1. Click Add new folder.

  2. Enter a unique name. Funnelish automatically creates the folder.

Adding videos to your page

You can add videos using video links or uploading your own video.

Embed Video element

To add your videos embedding a url, add an embed video element to your page and on the left panel, paste the video URL into the Video URL field. Funnelish automatically loads the video into the element.

Customize the display settings to control video size (width and height) and layout on the step (e.g., margins and borders).

Customize the Embed Video player

You can control video play behavior with three toggles.

  • Autoplay The video plays as soon as it loads on the user's device. If activating this option, the video by default will be muted.

  • Loop infinitely The video plays again and again.

  • Show controls The visitor can see the Play/Stop button and progress bar. If disabled, the visitor can't stop or start the video.

Funnelish automatically optimizes media files (images and videos). Even when using multiple images and videos, the average Funnelish page load speed is 0.1 seconds.

Video element

To upload your own videos instead of using a url, add a video element to your page and on the left panel click on the video element to upload your video.

We suggest uploading videos with a max size of 200MB per video but keep in mind that depending on the size of the video, the upload may take a bit longer to upload.

Customize the Video element

  • Thumbnail Will allow you to add your own thumbnail for the uploaded video.

  • Play button Customize your own play button from different designs to choose from and apply their color.

  • Focal point This is where the camera is focused, the side, top left corner, bottom right corner, etc of your video. To see the focal point in action, first a height to the video element.

  • Autoplay The video plays as soon as it loads on the user's device. If activating this option, the video by default will be muted.

  • Loop The video plays again and again.

  • Show controls The visitor to see the Play/Stop button and progress bar. If disabled, they won't be able to stop or start the video.

  • Can be paused Allows the visitor to pause the video

Media elements in the page editor side panel.
Image widget inside a Container widget
Add link to an image
Enable this feature to improve site performance
Create new folder
Embed a video
Control the video player
Show controls enabled