Användarprofil-widget
Användarprofil-widgeten visar en knapp som leder till användarens profil när användaren är inloggad — eller en inloggningsknapp med valfri text när användaren inte är inloggad. Använd den för att ge användaren en tydlig ingång till profil och inloggning.
När du ska använda detta
- Du behöver en profilknapp i headern eller en sidomeny
- Du vill visa en tydlig inloggningsknapp till en utloggad besökare
- Du vill kombinera inloggad/utloggad-vy i samma knappkomponent
Hur det fungerar
Widgeten anpassar sig automatiskt efter inloggningsläget. När användaren är inloggad visas en knapp som leder till profilen; när användaren inte är inloggad visas en inloggningsknapp med din text. Du styr knappens utseende via två toggles — full bredd och rundade hörn.
Lägg till en användarprofil-widget
- Öppna Designredigeraren för din applet.
- Lägg till widgeten Användarprofil på sidan.
- Öppna widgetens inställningar.
- Anpassa knappens form med Full bredd och Rundade hörn.
- Skriv en text för läget då användaren inte är inloggad.
Inställningar i widgeten
Knapp
| Inställning | Beskrivning |
|---|---|
| Full bredd | Fyller hela widgetens bredd. Är toggeln av visas knappen i sin standardbredd. |
| Rundade hörn | Rundar knappens hörn. Endast tillgänglig när Full bredd är på. |
Text
| Inställning | Beskrivning |
|---|---|
| Text när inte inloggad | Texten på inloggningsknappen som visas för utloggade besökare. Lämnas tom används systemets standardtext. |
Exempel
Scenario: Du vill ha en tydlig inloggningsknapp på startsidan som byter till en profilknapp när användaren är inloggad.
- Lägg till en Användarprofil-widget på startsidan.
- Aktivera Full bredd och Rundade hörn.
- Sätt Text när inte inloggad till
Logga in för att se ditt innehåll.
Utloggade besökare ser nu en bred, tydlig inloggningsknapp. Inloggade användare ser i stället en knapp som leder till profilen.
Tips
TIPS
Lägg widgeten i appens delade layout om profilknappen ska finnas på alla sidor. På så sätt kan användaren alltid navigera till profilen.
TIPS
Skriv en aktiv inloggningstext (Logga in för att …) snarare än passiv (Inte inloggad). Aktiva texter ger högre konvertering.
Vanliga misstag
VARNING
Rundade hörn har bara effekt när Full bredd är på. Vill du ha en kompakt knapp med rundade hörn räcker det inte att slå på rundningen — knappen behöver också full bredd.