Google Search

Overview

Add Google-powered site search with customizable results display and styling.

💡 Tip: Browse our Block Explorer to find pre-made templates for Google Search and customize them to match your brand.

Step 1: Open the Editor

Go to the Block Explorer, find the Google Search template you want to use, and click Edit to open the customization editor.

📹 Video: How to build Google Search for your website

Step 2: Customize Your Block

In the editor panel, you can add, remove, or rearrange elements within your Google Search. Customize text, images, buttons, and other content to match your needs.

Use the inline editing tools to adjust colors, fonts, spacing, borders, and background styles for each element.

Step 3: Configure Settings

Adjust the layout settings including display mode, grid columns, gaps, padding, and responsive behavior. Fine-tune how your block appears on desktop and mobile devices.

Step 4: Choose Colors

Select colors that align with your brand identity. Customize container backgrounds, text colors, button colors, and accent highlights to create a cohesive look.

Step 5: Preview & Publish

Click Preview to see how your Google Search looks on both desktop and mobile devices. Once satisfied, set up your triggers and publish the block to your site.