Snippet

The Snippet allows you to create reusable content blocks that can be placed and updated across multiple pages. Ideal for headers, footers, and call-to-action banners, snippets save time by syncing changes automatically wherever they are used—ensuring consistency and efficiency across your site.

Accessing and Adding a Snippet

• Login to your WebCommander account.
• Navigate to Editor from left menu.
• Click + Add Section.
• From the Content list, select and insert a snippet.

Editing Snippet Content

Double-click the snippet. Click Edit option.

• Text Content: Use the rich text editor to update content and save.

• Link or Button: Click the Link or Button inside the snippet. Update the following as needed: text, font size, alignment, link URL and how it opens (same/new tab), padding and margin, border (color, style, radius, width) and background (image or color).

• Icon: Click on the icon inside the snippet. Edit color, font size, icon graphic. link and opening behavior.

• Image: Click the Image inside the snippet.

• Change or adjust image, add alt text or captions, add hyperlink and open behavior, padding and Margin

• Container: Click on the Container area. Options include: Copy / Switch / Delete, Padding and Margin, Border (Color, Style, Radius, Width), and Background (Color or Image, Repeat, Size).

• Embedded Content: Click the embedded content. Update text/media and adjust margins.

• HTML: Click into the HTML block. Edit the code and margin settings.

Managing Snippets

Double-click the snippet in order to manage it.

• Edit Title: Click the gear icon and update the title.

• Move Snippet: Click the switch icon to move it up/down.

• Delete Snippet: Click the Delete icon and confirm deletion.

Troubleshooting Guide

• Changes not visible: Always click both Save and Publish.
• Link not working: Re-check the URL and open setting.
• Image won’t update: Re-upload the file and refresh the editor.
• Text can’t be edited: Use Edit Content instead of inline click.
• Snippet won’t move: Use the Switch icon, then refresh the editor.
• Unexpected layout issue: Reset padding/margin or check container spacing.