cs-icon.svg

Set Up Live Preview for your Stack

Contentstack's Live Preview feature allows you to view real-time content updates while editing entries, ensuring a smooth editing experience and reducing publishing errors.

To enable Live Preview for your stack, log in to your Contentstack Account and perform the following steps:

  1. Go to your stack and click the “Settings” icon in the left navigation panel.
  2. Navigate to Environments and select an existing environment or create a new one.
  3. Add the Base URL for each locale to ensure accurate content previews, then Save your changes.
  4. Next, navigate to Live Preview from the Settings menu and select the Enable Live Preview checkbox.
  5. Select the Default Preview Environment.
  6. Live_Preview_Set_up_Live_Preview_for_Your_Stack.gif

    Once enabled, the Live Preview icon appears in the right panel of your entry editor. Clicking this icon opens a side-by-side view, allowing you to edit content while viewing real-time updates.

    Live_Preview_Real_Time_Editing.gif
Note: If real-time updates do not appear in the preview panel, check the following:
  • Ensure the correct preview environment is selected.
  • Verify the Base URL settings in Environments.
Was this article helpful?
^