Lägg till en menyknapp till din webbplatsmeny

Lägg till en uppmaningsknapp till din webbplatsrubrik med hjälp av en menyknapp, vilket ökar sannolikheten för att besökare klickar på knappen.

Den här knappen visas i din rubrik på din webbplats. Placeringen av denna knapp beror på header layout du väljer, medan den på mobilen alltid visas i menyikonen under menyalternativen.

Pixpa ger dig möjlighet att visa vilken sida som helst som du vill markera i rubriken som en menyknapp. Du kan alltid välja att visa eller dölja det från din webbplatshuvud.

I den här artikeln:


Lägg till en menyknapp

  • Klicka på Montering (3) fliken där du kommer att se alternativet att anpassa Menyknapp (4).

Alternativt kan du använda Pixpas sökalternativ för att navigera till menyknappsektionen.

  • ange menyknapp (1) i sökfältet.
  • Du kommer att se de relaterade resultaten.
  • Klicka på Menyknapp – Webbplatshuvud alternativ (2) under Studiolänkar. 

När du klickar på den, ser du en sida där du skulle kunna hantera menyknappenDu kan välja att visa/dölja menyknappen, länka den till en sida och mer.


Alternativ för menyknappar

  1. Visa-knapp – Aktivera/avaktivera Menyknapp på webbplatsen.
  2. Länk - Klicka på Länkbyggare ikon till välj sidan eller länken du vill ansluta med menyknappen.
  3. Etikett - ange etikett för menyknappen.
  4. Knappstorlek - Välj Knappstorlek från Small, Medium eller Large.
  5. Målfönster – Ställ in målfönster för att menyknappen ska öppnas i Samma fönster eller ett nytt fönster.
  6. Knappstil – Välj den knappstil som ska vara standard (inställd i Knappar och länkar fliken i avsnittet Design), Solid, Outline eller en textlänk.
    • Standard: Följer din webbplats temainställningar.
    • Fast: En fet, fylld knapp.
    • Disposition: Transparent bakgrund med en kantlinje.
    • Textlänk: Enkel, ren textstil (ingen knappruta).
  7. Knappikon – Lägg till en ikon bredvid din knappetikett. Du kan välja mellan olika ikonalternativ.
  8. Layout – Kontrollera ikonens placering i förhållande till etiketten. Tillgängliga layoutalternativ är:
    • Etikett + Ikon: Text visas först, följt av ikonen.
    • Ikon + Etikett: Ikonen visas först, sedan texten.
    • Etikett + Ikon (Bred): Text och ikoner arrangerade med mer utfyllnad, lämpliga för bredare knappar.
    • Ikon + Etikett (Bred): Ikon först, bredare utfyllnadslayout.
  9. Ikon Färg – Välj färg på knappikonen. Du kan antingen ställa in den till Button Text färg eller Varumärke Färg.


Färger på menyknappar

Använd panelen Menyknappfärger för att anpassa hur knappen visas i din webbplatsnavigering. Dessa inställningar ger fullständig kontroll över textfärg och bakgrundsfärg, både för vanliga rubriker och transparenta eller anpassade rubriker.

  1. Ange färg – Välj hur menyknappen ärver sina färger.
    • Standard: Ärver temainställningar.
    • Invertera: Vänder om färgerna på knappens text/bakgrund.
    • Custom: Gör att du kan välja specifika text- och bakgrundsfärger.
  2. Button Text - Om du använder Anpassad knappfärg, kan du ställa in textfärg (etikett) härifrån.
  3. Knappbakgrund – Finns även under Anpassad, och ställer in knappens bakgrundsfärg. Kombinera detta med textfärg för maximal läsbarhet och stil.
  4. Åsidosätt för transparent/anpassad rubrik – Om din webbplats använder en transparent eller anpassad sidhuvuddesign kan du aktivera det här alternativet för att använda en separat uppsättning färger specifikt för den sidhuvudstilen. Du kan också anpassa menyknappfärgen för varje sida.
  5. Ange färg – Välj hur knappen ska visas på transparenta eller anpassade rubriker.
    • Standard: Ärver temainställningar.
    • Invertera: Vänder om färgerna på knappens text/bakgrund.
    • Custom: Gör att du kan välja specifika text- och bakgrundsfärger.
    • Sidmenyfärg: Använder elementfärgen som är inställd för den specifika sidan som knappfärg, vilket säkerställer att menyknappen automatiskt matchar sidans formatering.

  6. Button Text - Om du använder Anpassad knappfärg, kan du ställa in textfärg (etikett) härifrån.
  7. Knappbakgrund – Finns även under Anpassad, och ställer in knappens bakgrundsfärg. Kombinera detta med textfärg för maximal läsbarhet och stil.


Exempel på menyknapp på en webbplats

Ta en titt på demo menyknapp på en webbplats. 


Hittar du inte det du letar efter?

Ta kontakt med en Pixpa-expert.

Pixpa Studio har precis uppdaterats. Vi uppdaterar för närvarande alla skärmdumpar från hjälpartiklarna.