> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Oprettelse af din første checkout-widget

> Guide til opsætning af en checkout-widget i Aftersell, fra valg og oprettelse af widgetten til tilpasning af dens stil og adfærd.

I denne artikel guider vi dig gennem processen med at opsætte en checkout-widget i Aftersell. For at lære om de forskellige widgettyper, der er tilgængelige, [klik her](/da/aftersell/checkout_widget_types).

Lad os komme i gang.

***

<div id="step-1-selecting-your-widget">
  ## Trin 1: Vælg din widget
</div>

Først og fremmest skal du vælge den widget, der passer til dine behov. Uanset om det er en upsell- eller testimonial-widget, tilbyder Aftersell en række valgmuligheder, der passer til dine præferencer.

I denne vejledning vælger vi upsell-widgetten.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-create-cards-upsells-cart-controls.png?fit=max&auto=format&n=1Y3gBpUfxv16VGSW&q=85&s=3302868c50e12461761e6a1300820bd7" alt="Aftersell Checkout-side med widgetkort for Upsells, Cart Controls, Rewards og Testimonials" width="1988" height="1566" data-path="images/aftersell/checkout-widget-create-cards-upsells-cart-controls.png" />

***

<div id="step-2-creating-your-widget">
  ## Trin 2: Opret din widget
</div>

Klik på "Create Upsell" for at begynde at bygge din upsell-widget.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-create-editor-upsells-panel-arrow.png?fit=max&auto=format&n=1Y3gBpUfxv16VGSW&q=85&s=e89c35b59c09c6fd858e910f46d9fcc0" alt="Checkout Editor Upsells-panel med en pil, der peger på knappen Create upsell" width="2884" height="1234" data-path="images/aftersell/checkout-widget-create-editor-upsells-panel-arrow.png" />

***

<div id="step-3-selecting-a-preset">
  ## Trin 3: Vælg et preset
</div>

Vælg fra en liste over optimerede widget-presets, eller vælg at starte fra bunden.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-create-new-campaign-preset-options.png?fit=max&auto=format&n=1Y3gBpUfxv16VGSW&q=85&s=d64607da81a3a4b43e9d5c7c9a7420c2" alt="Skærmen Create new campaign med preset-muligheder som upsells med et enkelt og flere produkter" width="1646" height="1674" data-path="images/aftersell/checkout-widget-create-new-campaign-preset-options.png" />

***

<div id="step-4-edit-styling-and-behaviour">
  ## Trin 4: Rediger styling og adfærd
</div>

Nu er det tid til at finjustere detaljerne. Juster din widgets styling og adfærd til perfektion. Tilpas trigger-logikken, forfin produktvalget, eller giv designet det sidste strejf af finpudsning.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-create-single-product-upsell-editor.png?fit=max&auto=format&n=1Y3gBpUfxv16VGSW&q=85&s=e9560a037ceb877ea2d47d261278934b" alt="Editor for upsell med et enkelt produkt, der viser indstillinger for trigger, produkt og styling med live forhåndsvisning" width="2968" height="1619" data-path="images/aftersell/checkout-widget-create-single-product-upsell-editor.png" />

***

<div id="step-5-enable-widget-status">
  ## Trin 5: Aktivér widget-status
</div>

Sørg for, at din widget-status er sat til aktiv.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-create-editor-upsell-status-toggle.png?fit=max&auto=format&n=1Y3gBpUfxv16VGSW&q=85&s=7f9cedd5ace808ad47a077090be3e29d" alt="Checkout Editor med upsell-statusknappen slået til for at aktivere widgetten" width="2892" height="1386" data-path="images/aftersell/checkout-widget-create-editor-upsell-status-toggle.png" />

Nu hvor din checkout-widget er live i Aftersell, venter det sidste trin: at placere widgetten i din Shopify-checkout. Vil du lære hvordan? Klik nedenfor for at dykke dybere ned i processen.

[Lær mere](/da/aftersell/adding_a_checkout_widget_to_your_shopify_checkout)
