Image Placeholder

Demo to preview the plugin:

Introduction

Looking for a modern placeholder while elements on your page are loading? Our no-code plugin works on many elements, adding an image or GIF as a placeholder.
Image without caption

How to setup

  1. Enable ID Attributes
    1. Go to the settings page in your editor. Under the General tab click on the checkbox “Expose the option to add an ID attribute to HTML elements”
      App Settings → General Tab.
      App Settings → General Tab.
  1. Add a New Workflow.
      • In the Workflows tab, create a new workflow.
      • Select the action Add Image Placeholder from the available options.
        • Workflow action → Add Image Placeholder.
          Workflow action → Add Image Placeholder.
  1. Configure the Parameters:
      • Input's ID:
        • Specify the ID of the element where the placeholder image will appear.
        • Use the format #elementID (e.g., #img1).
          • Workflow action → Add Image Placeholder.
            Workflow action → Add Image Placeholder.

Plugin Actions

  1. Add Image Placeholder - This action dynamically adds a placeholder image to a specified element in your application. It is particularly useful when displaying images that are not yet available or as a temporary visual placeholder.
    1. Title
      Description
      Type
      To target an id use #, eg #myID. to target a class, use ., eg. .myClass You can also target a mix or a list like so. #myId, #myotherid, .MyClass, #anotherID
      Input’s ID
      Input’s ID
      Text
      Image
      Image
      Image
      Size (px, %)
      Width (px, %)
      Text
      Distance in (px, %)
      Distance in
      Text
      Add Text Indent?
      Add Text Indent
      Checkbox (yes/no)
Image without caption

Changelogs