How to Add a GIF to Your Website

GIFs (Graphics Interchange Format) are a fun and powerful way to make your website more engaging, dynamic, and visually appealing. Whether you're adding humor, motion graphics, or emphasizing key content, inserting a GIF into your Kea Builder site is simple and effective.

✅ Steps to Add a GIF in Kea Builder

  • 🟢 Step 1: Add an Element
    From the page editor, click on the “Element” button on the top left to begin. Step 1

  • 🖼️ Step 2: Select the Image Element
    Choose “Image” from the list of available elements and drag it into your page layout. Step 2

  • ⚙️ Step 3: Open Element Settings
    Click on the inserted image and then click the “Element Settings” (gear icon) to configure it. Step 3

  • 📂 Step 4: Upload or Select Your GIF
    In the settings popup:
    • Click “Add Image or GIF”
    • Search through the GIF library, or
    • Upload your own custom GIF from your device
    Step 4

  • 🧩 Step 5: Adjust Fit & Apply
    Once you’ve selected your GIF:
    • Use the “Object Fit” setting to adjust how the GIF appears (e.g., fill, cover, contain).
    • Click “Apply” to save changes.

  • 🎉 Step 6: You're Done!
    Your GIF is now live on your site. You can drag, resize, and reposition it as needed for the perfect fit.

💡 Pro Tips:

  • Use GIFs sparingly to avoid slowing down page load times.
  • Great for call-to-action highlights, product demos, or attention-grabbing messages.
  • Always preview on desktop and mobile to ensure proper display and performance.

With Kea Builder, you can easily enhance your website’s storytelling and interactivity with just a few clicks. Let your creativity shine and bring your pages to life with motion!