📖
Knowledge Base Main
  • Things To Know
  • Onboarding Checklist
  • Video Quick Links
  • Merge Fields (Custom Values)
  • Dashboard
  • 📑CONVERSATIONS
    • Quick Filter
    • Sending Messages
      • Sending Emails
      • Sending SMS
      • Sending Facebook Messages
      • Sending Google My Business Messages
      • Send Quick Payment Link
    • Contact Details
      • Do Not Disturb
  • Manual Actions
  • Templates
    • Add Text Template
    • Add Email Template
  • Trigger Links
    • Links
    • Analyze
  • 🗓️Calendars
    • Calendar Color Codes
  • Appointments
    • Schedule New Appointment
  • Calendar Settings
    • Creating New Calendars
      • Round Robin Booking
      • Event Booking
      • Collective Booking (Coming soon)
    • Groups
    • Calendar Preferences
    • Calendar Availability
    • Connections
  • CONTACTS
  • Smart Lists
    • Smart List Quick Action Buttons
      • Add Contact
      • Pipeline Change
      • Add To Workflow
      • Send SMS
      • Send Email
      • Add Tag
      • Remove Tag
      • Delete Contact
      • Send Review Request
      • Export Contacts
      • Import Contacts
      • Merge Contacts
    • Smart Lists Filters
    • Manually Import Facebook Leads Into a Workflow
  • Contact Details
    • Contact Details - Messages Panel
    • Contact Details - Information Panel
  • Contact Requests
  • Bulk Actions
  • Restore
  • Tasks
  • Company
  • Manage Smart Lists
  • 🔔Opportunities
    • Filter Opportunities
    • Create New Opportunities
  • Pipelines
  • 💸Payments
    • Invoices
      • Creating New Invoice
      • Recurring Templates
  • Orders
  • Subscriptions
  • Transactions
  • Coupons
    • Creating New Coupons
  • Products
    • Importing Stripe Products
    • Creating New Products
  • Tax Settings
  • Integrations
  • 📣MARKETING
  • Social Planner
    • Connecting Social Accounts
      • Connecting Facebook Pages (Social Posting)
      • Connecting Instagram (Social Planner)
      • Connecting Google My Business (Social Posting)
      • Connecting LinkedIn Profile & Page (Social Posting)
      • Connecting Twitter account (Social Posting)
      • Connecting TikTok (Social Posting)
    • Publishing Social Posts
    • Troubleshooting Social Media Planner
      • Facebook Pages Not Showing
      • Facebook Post Failed to Publish
  • Emails
    • Campaigns
      • Sending Email Campaigns
    • A/B Test Email Campaign
    • Template
      • Email "Edit" Section
        • Text Element
        • Image Element
        • Button Element
        • Divider Element
        • Footer Element
        • Social Element
        • Code Element
        • Video Element
        • Shopping Cart Element
        • RSS Header & RSS Items Elements
        • Email Layouts
        • Appearance Tab
      • Email "Settings" Section
      • Email "Send or Schedule" Section
    • Ways To Avoid The Spam Folder When Emailing
    • Email Services
      • Connecting Google Email Services
      • Connecting Sendgrid to Email Services
      • Connecting "Other" SMTP Email Services
      • Connecting GoDaddy MX Records
      • Cloudflare MX Records
      • Namecheap MX Records
    • Gmail 2-way Sync
  • Templates
  • Trigger Links
    • Analyze
  • Affiliate Manager
    • Campaign
    • Affiliate
    • Payout
  • 🤖Automation
  • Workflows
  • Create New Workflow
    • Actions Tab
    • Settings Tab
    • History Tab
    • Status Tab
  • Workflow Triggers
    • Appointment
      • Appointment Trigger
      • Customer Booked Appointment
    • Contact
      • Birthday Reminder
      • Contact Changed
      • Contact Created
      • Contact DND
      • Contact Tag
      • Custom Date Reminder
      • Note Added
      • Note Changed
      • Task Added
      • Task Reminder
    • Contact Actions
      • Customer Replied
      • Form Submitted
      • Order Form Submission
      • Order Submitted
      • Survey Submitted
      • Trigger Link Clicked
      • Twilio Validation Error
    • Events
      • Call Status
      • Email Events
    • Facebook
      • Facebook Lead Form Submitted
    • Membership
      • Category Completed
      • Membership New Signup
      • Offer Access Granted
      • Offer Access Removed
      • Product Access Granted
      • Product Access Removed
      • Product Completed
      • User Login
    • Opportunities
      • Opportunity Status Changed
      • Pipeline Stage Changed
      • Stale Opportunities
    • Payment Triggers
      • Invoice
    • Shopify Triggers
      • Abandoned Checkout
      • Order Placed
      • Order Fulfilled
    • Media
      • Video Tracking
    • Tiktok
      • TikTok Form Submitted
  • Workflow Actions Overview
    • External Communication Actions
      • Send Email
      • Send SMS
      • Call
      • Voicemail
      • Messenger
      • Instagram DM
      • Manual SMS
      • Manual Call
      • GMB Messaging
    • CRM Actions
      • Add Contact Tag
      • Remove Contact Tag
      • Add/Update Opportunity
      • Add To Notes
      • Assign To User
      • Remove Assigned User
      • Set Event Start Date
      • Add To Workflow
      • Remove From Workflow
      • Remove From All Workflows
      • Remove Opportunity
      • Send Internal Notification
      • Set Contact DND
      • Edit Conversation
      • Send Review Request
      • Stripe One Time Charge
      • Update Appointment Status
      • Add Task
      • Add To Google Analytics
      • Add To Google Adwords
      • Update Contact Field
      • Facebook - Add To Custom Audience
      • Facebook - Remove From Custom
      • Facebook Conversion API
    • Membership Actions
      • Membership Grant Offer
      • Membership Revoke Offer
    • Conditions and Workflow Actions
      • If / Else
      • Wait
      • Webhook
      • Go To
      • Math Operation
      • Goal Event
  • 🖥️SITES
  • Funnels & Websites
    • Funnels
      • Steps Tab
      • Stats Tab
      • Sales Tab
      • Settings Tab
    • Websites
      • Pages
      • Stats
      • Sales
      • Settings
    • Adding Products To Funnels & Websites
    • Funnel/Website Builder
      • Overview and Settings
        • Manage Settings
      • Sections
      • Rows
      • Columns
      • Elements
        • Headline
        • Sub-Headline
        • Paragraph
        • Bullet List
        • Button
        • Form
        • Blog Post
        • Video
        • Image
        • FAQ
        • Custom JS/HTML
        • Survey
        • Calendar
        • Map
        • SVG
        • Reviews
        • Countdown
        • Minute Timer
        • Navigation Menu
        • Divider
        • Day Timer
        • Progress Bar
        • Image Feature
        • 2-Step Order Form
        • 1-Step Order
        • Order Confirmation
  • Blogs
    • Adding Blog Lists to Websites and Funnels
  • Memberships
    • Memberships - Dashboard
    • Memberships - Products
      • How to Build Product Course
    • Memberships - Offers
    • Membership Analytics
    • Memberships - Settings
  • Forms
    • Builder
      • Create & Edit Forms
        • Fields Tab
        • Styles Tab
        • Options Tab
    • Analyze
    • Submissions
  • Surveys
    • Builder
      • Create & Edit Surveys
        • Fields tab
        • Styles Tab
        • Option tab
    • Analyze
    • Submissions
  • Chat Widget
    • Chat Bubble
    • Widget Window
    • Acknowledgment Settings
  • Media
    • My Media
    • Backgrounds
    • Unsplash
    • Pixabay
  • URL Redirects
  • Domains
    • XML Sitemaps
  • ⭐REPUTATION
  • Overview
  • Requests
  • Reviews
  • Reputation Management
  • 📈REPORTING
  • Google Ads Reporting
  • Facebook Ads Reporting
  • Attribution Report
    • Conversion Report
    • Source Report
  • Call Reporting
    • Advanced Call Reporting Filters
  • Agent Reporting
    • Opportunities
    • Conversions
    • SMS
    • Email
    • Leaderboard
    • Call Metrics
    • Efficiency
  • Appointment Report
  • ⚙️SETTINGS
  • Business Profile
  • My Staff
    • Team Management
    • Teams
  • Pipelines
  • Phone Number
  • Profile
    • Notifications
      • Step 1: Team & Event Setup
      • Step 2: Calendar Availability
      • Step 3: Calendar Confirmation
  • Custom Fields
    • Creating New Custom Fields
  • Custom Values
    • Add Custom Value
  • Integrations
    • Google
      • Google My Business
    • Facebook & Instagram
      • Connecting Facebook & Instagram
    • Microsoft Outlook
    • Zoom Meetings
    • Facebook Form Fields Mapping
      • Map Fields
    • TikTok
    • Shopify
  • Tags
Powered by GitBook
On this page
  • General Settings
  • Element Name/Title
  • Spacing Option:
  • Background Color
  • Opacity
  • Align
  • Image Option
  • Image Actions
  • Theme
  • Advanced Settings
  • Image Radius
  • Image Border
  • Button Shadow
  • Button Effect
  • Visibility
  • Custom Class
  • CSS Selector
  1. Funnels & Websites
  2. Funnel/Website Builder
  3. Elements

Image

You can incorporate an image into your page.

PreviousVideoNextFAQ

Last updated 2 years ago

General Settings

Element Name/Title

Here you will see the default name/title of the Edit option you are working on. You can decide to leave at that or rename it.

Spacing Option:

There are different spacing options available for adjusting your video content.

  • Padding Left, Right, Top, and Bottom This Four (4) different toggle bar moves the content to either the left, right, top, or bottom depending on the toggle bar you click on.

  • Margin Top and Bottom You can adjust the top or bottom margin of your content by toggling its bars.

Background Color

If you want to change the background color of your Image, you can do that by clicking on the content you want to adjust its background.

Opacity

You can decide the extent to which you want your text/content to fade in each element box. the opacity varies from None, Light, Half, to Heavy fade.

Align

You can move your text in different positions as you deem fit, you can position it to the Left, Center, Right, or as Justified.

Image Option

  • Image When you click on the image icon on the right side of the space provided, it directs you to the storage page where you can upload the image you want to use. Once you've uploaded the image, click on the image, and then click on the "copy to clipboard" icon on the right upper corner of the page, beside the "delete" icon to copy the image URL. Click on the "Back" button to return to the Editors' page, then paste the URL in the space provided your image will appear on the editor's space.

Optimize Image Load

To optimize image load, simply toggle it off. It comes with a warning, if you are sure you want to turn it off click "Ok"

Warning: If you turn off image lazy loading, it might affect your page speed. Optimizing images for your website can reduce your total page load side by up to 80%.

  • Width and Height (PX) You can decide the width and Height here by inputting your desired size in the space provided.

  • Alt Text (For SEO!)

Image Actions

You can select either the "Open the popup" or the "go to website URL"

  • Website When you select "Go to website URL" in the "Image Action" icon, it will require you to select which website page you will be settings.

  • Open In New Tab If you want the website to direct visitors to a new tab when they perform an action, simply toggle it on.

Theme

You can select a theme from the theme options available here.

Advanced Settings

Image Radius

Adjusting the radius of your border curves the edges of the border, the higher the number you select, the curvier it becomes

Image Border

You can choose the type of border you want. Once you select any of the border types, the settings for the border pop up;

Button Shadow

If you want your button to have a shadow, simply select how strong or light you want the shadow to be.

Button Effect

You can add an effect to your button by simply selecting your choice from the options.

Visibility

You can make this page visible on both desktop and mobile, and you can also select just one of the two by simply clicking on the one you want to activate.

Custom Class

Press enter or space to add a class.

CSS Selector

You can copy a CSS Selector by clicking on the "copy" icon on the right side of the reference number you want to copy.