Download

Understanding the Plugin Interface

Written by

in

Navigating the DesignSetGo Interface

Learn how to find, insert, and configure DesignSetGo blocks efficiently within the WordPress block editor.

The Block Inserter

The block inserter is your main tool for adding new blocks to your content.

Opening the Block Inserter

  • Click the + button in the top-left of the editor toolbar
  • Click the + button that appears when hovering between blocks
  • Type / in an empty paragraph to use Quick Inserter

Finding DesignSetGo Blocks

DesignSetGo blocks are organized in several ways:

  1. Search: Type the block name (“Section”, “Accordion”, “Grid”) in the search box
  2. DesignSetGo Collection: Click “DesignSetGo” in the block collections to see all blocks
  3. By Category: Find blocks under standard WordPress categories:
    • Design: Layout blocks (Section, Grid, Row)
    • Text: Content blocks (Icon, Divider, Pill)
    • Widgets: Interactive blocks (Accordion, Tabs, Slider)

Block Toolbar

When you select a block, a toolbar appears at the top with common controls.

Common Toolbar Options

  • Transform: Convert block to different type
  • Drag handle: Reorder blocks by dragging
  • Move up/down arrows: Reorder blocks
  • Alignment: Text or block alignment options
  • More options (⋮): Additional actions (copy, duplicate, remove, etc.)

Block-Specific Controls

Many DesignSetGo blocks add custom toolbar options:

  • Section/Grid/Row: Alignment and justification controls
  • Icon: Icon picker and rotation controls
  • Divider: Style selection

Settings Sidebar

The right sidebar contains detailed settings for the selected block.

Sidebar Tabs

  • Block: Block-specific settings
  • Styles: Visual styling (colors, typography, spacing)

Common Settings Panels

Layout Settings

  • Content width constraints
  • Vertical/horizontal alignment
  • Display settings (flex, grid)

Color Settings

  • Text color
  • Background color and gradients
  • Border color
  • Custom colors from theme palette

Typography

  • Font size
  • Line height
  • Letter spacing
  • Font family (from theme)
  • Text transform

Spacing

  • Padding (inner spacing)
  • Margin (outer spacing)
  • Block gap (spacing between inner blocks)

Border

  • Border width, style, color
  • Border radius (rounded corners)

Dimensions

  • Minimum height
  • Width constraints

DesignSetGo-Specific Panels

Animation Panel (on any block)

  • Enable/disable animations
  • Choose entrance and exit effects
  • Set duration, delay, and easing

Background Image (Section, Row blocks)

  • Select and configure background images
  • Position, size, repeat, attachment settings

Sticky Settings (Section blocks)

  • Enable sticky positioning
  • Set sticky offset and z-index

Form Settings (Form Builder)

  • Email notifications
  • Spam protection
  • Success/error messages
  • Submit button configuration

List View

The List View provides a structural outline of all blocks on the page.

Opening List View

  • Click the List View icon in the top toolbar (looks like bullet points)
  • Keyboard shortcut: Cmd/Ctrl + Shift + O

List View Benefits

  • See block hierarchy at a glance
  • Quickly select nested blocks
  • Drag and drop to reorder blocks
  • Identify block types and names
  • Navigate complex layouts easily

Quick Insert with /

The fastest way to insert blocks while typing.

  1. Type / in an empty paragraph
  2. Start typing the block name (e.g., “/section”)
  3. Select from the filtered list
  4. Press Enter to insert

Common Quick Insert Commands

  • /section – Insert Section block
  • /grid – Insert Grid block
  • /accordion – Insert Accordion block
  • /form – Insert Form Builder
  • /icon – Insert Icon block

Plugin Settings Page

Access global plugin settings from WordPress admin.

Location

Go to Settings → DesignSetGo in the WordPress admin menu.

Settings Tabs

General Settings

  • Block Manager – Enable/disable specific blocks
  • Default settings for new blocks

Performance

  • Conditional loading – Only load styles for used blocks
  • Cache duration
  • Optimization options

Form Settings

  • Global spam protection settings
  • Rate limiting configuration
  • Submission retention period
  • Email notification defaults

Animation Settings

  • Enable/disable animations globally
  • Default duration and easing
  • Respect prefers-reduced-motion (accessibility)

Sticky Header

  • Global sticky header settings
  • Custom CSS selector
  • Scroll behavior options

Integrations

  • Google Maps API key
  • Third-party service integrations

Form Submissions Manager

View and manage form submissions from your site.

Location

Go to DesignSetGo → Form Submissions in the admin menu.

Features

  • View all form submissions
  • Filter by date, form ID
  • Export submissions to CSV
  • Delete old submissions
  • GDPR compliance tools

Keyboard Shortcuts

Speed up your workflow with these keyboard shortcuts:

General Editor

  • Cmd/Ctrl + Shift + , – Show all keyboard shortcuts
  • Cmd/Ctrl + Z – Undo
  • Cmd/Ctrl + Shift + Z – Redo
  • Cmd/Ctrl + S – Save draft
  • Cmd/Ctrl + Shift + O – Open List View

Block Navigation

  • Cmd/Ctrl + Shift + , – Go to previous block
  • Cmd/Ctrl + Shift + . – Go to next block
  • Esc – Select parent block

Block Actions

  • Cmd/Ctrl + Shift + D – Duplicate block
  • Cmd/Ctrl + Alt + T – Insert before
  • Cmd/Ctrl + Alt + Y – Insert after
  • Cmd/Ctrl + Shift + Z – Remove block

Text Formatting

  • Cmd/Ctrl + B – Bold
  • Cmd/Ctrl + I – Italic
  • Cmd/Ctrl + K – Insert link
  • Cmd/Ctrl + Shift + K – Remove link

Tips for Efficient Workflow

  • Use List View for complex layouts with many nested blocks
  • Learn Quick Insert – Typing “/blockname” is faster than using the inserter
  • Duplicate and modify instead of recreating similar blocks
  • Create reusable patterns for frequently used layouts
  • Use Block Manager to hide blocks you don not use
  • Enable conditional loading for better performance on production sites
  • Master keyboard shortcuts for faster editing

Getting Help

In-Editor Help

  • Hover over settings for tooltips
  • Click the ? icon in block toolbars for block-specific help

Documentation

  • Browse this documentation site for detailed guides
  • Check individual block documentation for specific features

Support

  • Visit our support forum for community help
  • Contact support for technical assistance
  • Report bugs on GitHub

Next Steps

Now that you understand the interface, you are ready to start building:

More posts