Skip to main content

Search Block

BeyondCart avatar
Written by BeyondCart
Updated this week

The Search Block allows you to add a functional search bar anywhere inside your mobile app. It enables users to search your product catalog or content directly, enhancing navigation, speeding up product discovery, and improving user experience.

Perfect for homepage placement, collection screens, or campaign-specific pages.

General Tab

  • Placeholder:

    • This is the text that appears inside the search bar before the user types.

    • Example: “Search for products…”, “Try ‘T-shirt’ or ‘Lotion’”

      Uploaded image

Padding Tab

Adjust spacing for precise positioning:

  • Padding: Sets the internal spacing inside the block (between the border and the search bar).

  • Margin: Controls the external spacing between the search block and other elements on the screen.

    Uploaded image

When to Use the Search Block

  • Home Screens: Help users begin browsing right away.

  • Category Pages: Let users filter within specific collections.

  • Custom Campaign Pages: Use to enhance limited-time offer sections (e.g., “Search Sale Items”).

Pro Tips

  • Keep it visible above the fold for better usability.

  • Pair with relevant Placeholder Keywords to highlight what's trending or available.

  • Use it in segmented pages (e.g., Men, Women, Beauty) to narrow product discovery.

Combine With

  • Heading Block: Add a title like “What are you looking for?”

  • Product Blocks: Show featured products below the search bar

  • Banner Block: Combine with promo visuals to drive traffic into specific searches.

Contact Us

For queries and feedback, feel free to reach out to us at help@beyondcart.com. We’re here to help and eager to assist you with your concerns.

Did this answer your question?