Search Bar Element

När du sätter upp din butik är målet att sälja produkter. Om kunder inte hittar önskad produkt kan de avstå från köp. Lägg till en search bar i din e-commerce store för en enklare shoppingupplevelse.

📌NOTE: Se till att din Website är inställd som store. Annars syns inte elementet. Se artikeln Setting Up An E-commerce Store.

How to Add a Search Bar Element

Det finns två sätt: som fristående element eller i navigation bar.

Lägg till/välj Navigation Bar-element.

Scrolla ned i General settings och aktivera Show Searchbar.

Ändra Icon Color för att personalisera förstoringsglaset.

Search Bar Element

Klicka plus för att lägga till element, scrolla till Store-sektionen och dra Search Bar dit du vill.

General Settings

Element name: Hjälper dig identifiera olika search bars.
Color Options: Anpassa färger för bakgrund, text och ikon.
Font Options: Justera storlek, vikt och typsnitt.
Text Options: Ändra placeholder text.

Text Customization: Text i Product List, Product Detail och Upsell kan anpassas under Text Customization i General settings.

Advanced Settings

Borders & Corner: Ändra utseende på sökruta eller resultat.
Custom Class: Lägg till product classes.
Visibility: Inaktivera för phone/web browser.

En optimerad search bar förbättrar användarupplevelsen och gör det enklare för kunder att hitta produkter.

✍️Important Notes

Sökförslag baseras på produktnamn.
Vid sökning navigeras användaren till product list page med resultat baserat på titel och beskrivning.
Se till att webbplatsen är inställd som store.
Vissa textelement, som felmeddelanden, kanske inte syns i builder preview men kan anpassas.
Textrelaterade inställningar finns i Text Customization.
Befintliga butiker fungerar även utan textuppdateringar.