Woocommerce

Recommendations

Generelt #

> Bemærk: Hvis du bruger en Shortcode Editor til dine Woocommerce-sider, foreslår vi, at du bruger denne guide.

Clerk.io’s anbefalinger kan installeres på enhver side i webshoppen for at hjælpe kunderne med at finde de rigtige produkter.

Med opsætningsguiden kan du se, hvilke sider du skal installere anbefalinger på, og hvilke typer du skal bruge for at få vores Bedste praksis til at køre.

Fra hovedmenuen skal du starte med at klikke på Kom godt i gang:

1. Opret et standarddesign #

Det første, du skal gøre, er at oprette en Standard design til dine sliders.

Du kan bruge Guide til opsætning under Anbefalinger - Opret et design til dine sliders med anbefalinger. - til hurtigt at oprette et design, der har samme farveskema og stil som din webshop.

Klik på Udgiv, når du er tilfreds med stylingen.

Du kan nemt ændre dette senere under Anbefalinger - Design i menuen til venstre.

2. Valg af hvilke anbefalinger, der skal bruges #

Dernæst fokuserer hvert trin i opsætningsguiden på et specifikt side i webshoppen.

De indeholder oplysninger om

  • Hvorfor anbefalinger er vigtige på siden _Hvilke anbefalingstyper du skal bruge

  • _Hvilke typer anbefalinger du skal bruge _Hvor på siden de skal placeres

  • Hvor på siden skal de placeres?

Klik for hver type anbefaling, du vil bruge, og følg trinnene.

Vær opmærksom på: ved at Hvis du kun klikker på hver blok af Anbefalinger vil de blive grønne som om de er blevet installeret det er de ikke. - skal du stadig klikke og følge trinene.

3. Indsættelse af anbefalinger #

Når du har valgt, hvilke anbefalinger der skal bruges til en side, kan du tilføje dem til din webshop.

3.1 Indsættelse med udvidelses- eller indlejringskoder #

Nogle sider tillader, at anbefalinger tilføjes direkte via udvidelsen eller indlejringskoden:

Her er de sider, der tillader begge slags integrationer:

- Tilføj anbefalinger til din produktside

- Tilføj anbefalinger til din kurv-side.

- Vis de mest populære produkter på dine kategorisider.

Klik på hver enkelt og Vælg metode, som du vil bruge til integrationen, og følg trinnene.

Her er et eksempel på, hvordan du Tilføj anbefalinger til din produktside:

- Metode 1: med udvidelsen (følg trinnene)

Klik på DONE

- Metode 2: med indlejringskode (følg trinnene)

Klik på DONE

Nogle indlejringskoder kræver variabler som produkt eller kategori-id’er.. I disse tilfælde skal du blot vælge WooCommerce fra rullemenuen Vælg platform, før du kopierer indlejringskoden.

3.2 Indsættelse kun med udvidelse #

Disse sider tillader kun en integration via udvidelsen:

- Show add-to-basket recommendations (Vis anbefalinger til kurv)

- Tilføj anbefalinger til exit-intention.

Klik på hver enkelt og følg trinene.

Her er et eksempel på, hvordan man Vis anbefalinger for tilføjelse til kurv:

Klik på DONE

3.3 Indsæt kun med indlejringskoder #

Disse sider tillader kun integration med indlejringskoder:

- Føj anbefalinger til din startside.

- Tilføj indholdsanbefalinger til din blog eller nyheder.

For hver type anbefaling skal du blot kopier indlejringskoden og indsætte dem på fil, der genererer den relevante side i din webshop.

Her er et eksempel på, hvordan du Føj anbefalinger til din startside:

Klik på DONE

Du kan nemt ændre dit indhold senere under Anbefalinger - Indhold i menuen til venstre.

Change Content.

Når du har aktiveret funktionerne, vil du kunne se Clerk.io’s RECOMMENDATIONS-funktion på din webshop.

Indsæt ved hjælp af kortkoder #

1. Integration af kortkoder #

Hvis du bruger en shortcode-editor som Elementor, vil vores almindelige anbefalingskodestykke muligvis ikke blive gengivet, fordi produkt-ID’et syntakseres anderledes i Elementor end i en normal HTML-blok.

Hvis du bruger Hooks, kan du gå til Appearance -> Custom Layouts -> Insert the shortcode on the Hook that belongs to Clerk (i tilfælde af, at en udvikler kan oprette disse, hvis han ønsker, at Clerk skal være en Hook).

For at indsætte koden skal du erstatte:

<span class="clerk" data-template="@product-page-alternatives" data-products="[<?php echo $product->get_id(); ?>]">
</span>

Med:

<span class"clerk" data-template="@product-page-alternatives data-products="[ [clerk_product_id] ]"></span>

Prøv først med enkle parenteser, og hvis det ikke virker, så med dobbelte parenteser.

<span class="clerk" data-template="@category-page-popular" data-category="[ [clerk_category_id] ]"></span>

Hvis denne ikke virker, kan du prøve disse:

<span class="clerk" data-template="@product-page-alternatives" data-products="[<?php the_ID(); ?>]"></span>

<span class="clerk" data-template="@product-page-others-also-bought" data-products="[<?php the_ID(); ?>]"></span>

2. Manuel indsættelse af kode #

Hvis du ikke kan indsætte kortkoden, eller hvis du ikke bruger nogen form for editor, skal du gå til Appearence→ Personalization→ Klik derefter på produktsiden, og følg derefter disse trin:

Widget → Shopsidebar 1 → tilføj widget → Clerk Indhold

3. WP Baker Builder #

Integration af temafiler

Tilføjelse af produktsideslider til alle sider:

PLACEHOLDER_58

(eller en lignende fil, hvor din produktside findes)

Indsæt span-koden i filen, hvor du gerne vil have den vist. Det svarer til FTP-adgang.

<span class="clerk" data-template="@product-page-alternatives" data-products="[<?php the_ID(); ?>]"></span>

<span class="clerk" data-template="@product-page-others-also-bought" data-products="[<?php the_ID(); ?>]"></span>

Tilføj-til-kurv trin #

  1. Hvis du ikke allerede har gjort det, skal du oprette Indhold, som du vil bruge i dit Add-To-Basket Step (Power Step).

  2. Gå til Sider i WooCommerce-backend.

  3. Klik på Tilføj ny øverst på siden.

  4. Giv powerstep-siden et meningsfuldt navn, f.eks. “Produkt lagt i kurven!”, da det vil blive vist som titel på din powerstep.

  5. Skriv [clerk-powerstep] i det store tekstfelt, og tryk på Udgiv.

6. Gå til Ekspedient -> Ekspedientindstillinger i sidemenuen og find Powerstep-indstillinger.

7. Indsæt ID’erne for de indholdsblokke, du har oprettet, adskilt af kommaer, i

Indhold.

Du kan finde ID’erne for hver af de indholdsblokke, du har oprettet, på din Ekspedientens backend(my,clerk.io) under Anbefalinger -> Indhold -> Rediger (antallet af indholdsblokke varierer mellem 1 og 4 for trinnet Add-To-Basket):

Her er et eksempel på, hvordan du finder indholdets ID:

8. Vælg navnet på den side, du lige har oprettet, under _Powerstep-side

og sæt kryds ved Aktiveret.

9. Klik på Gem indstillinger.

VALGFRIT

Hvis Powerstep stadig ikke vises, skal du muligvis deaktivere WooCommerces Cart Redirect-indstilling.

For at gøre dette skal du gå til

WooCommerce -> Indstillinger -> Produkter og finde Tilføj til kurv adfærd.

Sørg for, at begge felter er afkrydset, og klik på Gem ændringer nederst på siden.

Hvis din tilføj-til-kurven-side vises to gange:_

Hvis du støder på et problem, hvor Powerstep vises to gange, skal du opdele siden for at løse problemet.

  • I WooCommerce-backend skal du gå til den Powerstep-side, du oprettede i Pages i første trin ..

  • Vælg “Shortcodes” i øverste højre hjørne, og klik derefter på “Row / Columns”.

  • Klik derefter på “OK” i den pop-up, der vises.
  • Til sidst skal du flytte [clerk-powerstep] inden for [row] [col] og [/row] [/col] tags, og klikke på Gem.

Afslut hensigt #

Popuppen Afslut hensigt reagerer, når en besøgende forsøger at forlade din webshop. Den popper op og viser interessante produkter, hvilket muligvis konverterer en besøgende, der forlader webshoppen, til en købende kunde.

Opsætning med plugin #

Fra PLACEHOLDER_10 af WooCommerce-plugin’et kan Exit-Intent aktiveres direkte fra plugin’et.

Opsætningen består af 5 trin:

  1. Lav en ny af Hjemmesidens indhold i my.clerk.io og navngiv den “Exit Intent”

  2. Vælg en logik for den - vi foreslår “Anbefalinger til besøgende”.

  3. I WooCommerce-backend skal du gå til Ekspedient i sidemenuen og finde Indstillinger for exit-intention.

  4. Sæt kryds i feltet Aktiveret, og sørg for, at feltet Skabelon indeholder “exit-intent”.

  5. Klik på Gem indstillinger for at aktivere den.

Nu vil du se exit intent-popup’en, når nogen prøver at gå ind på Forlad første gang.

Opsætning manuelt #

Hvis du kører en ældre version af plugin’et eller ønsker at konfigurere Exit-Intent manuelt, skal du følge disse trin:

  1. Lav en ny af Hjemmesidens indhold i my.clerk.io

  2. Vælg en logik for den - vi foreslår “Anbefalinger til besøgende”.

  3. Fra Indsæt på hjemmesiden, kopieres den medfølgende embedcode til denne WooCommerce-fil, lige over Clerk.io tracking-script:

_wp-content->plugins->clerkio->includes->class-clerk-visitor-tracking.php

  1. Tilføj: data-exit-intent=“true” til den indlejringskode, du lige har placeret. Sådan her:

Eksempel på indlejringskode

<span class="clerk"
  data-template="@exit-intent"
  data-exit-intent="true">
</span>

Indsat i klasse-clerk-visitor-tracking.php.

Husk at Stil dit indhold i Design på my.clerk.io

Alle anbefalinger, der indeholder data-exit-intent=“true”, vil udløse exit intent-popup’en.

Tilføjelse af anbefalinger med Visual Hooks #

I WooCommerce oprettes visse websider ved hjælp af Visual Hooks i stedet for at blive gengivet fra en HTML-fil. For at tilføje indhold til sider, der er oprettet via Visual Hooks, skal du indsætte Clerk.io-indholdet i webshoppens aktive functions.php-fil.

Filen functions.php er normalt placeret på følgende sti:

/wp-content/themes/DIT-TEMA-NAVN-barn-tema/functions.php

Hvis du f.eks. vil tilføje en Recommendations-slider med Content @produkt-side-alternativer til din produktside, skal du inkludere følgende kode i de vigtigste <php? ?> -tags i functions.php:

// CLERK ADD PRODUCT PAGE SLIDER

add_action ( 'woocommerce_after_single_product', 'clerk_alternatives',5
);

function clerk_alternatives() {
$clerk_id = wc_get_product()->get_id();
echo "<span class='clerk'
data-template='@product-page-alternatives'
data-products='[$clerk_id]'>
</span>";
}

Og et andet eksempel på at tilføje en Recommendations-slider til Add-to-Cart-siden:

// CLERK ADD CART SLIDER
add_action ( 'woocommerce_after_cart_contents', 'clerk_cart_slider',5);

function clerk_cart_slider() {
 $clerk_id = get_queried_object()->term_id;
 echo "<span class="clerk"
data-template="@cart-others-also-bought"
data-products="[<?php $items = WC()->cart->get_cart(); foreach( $items as $cart_item ){ $product_id = $cart_item['product_id']; echo $product_id; if ($cart_item != end($items)) {echo ",";} } ?>]"></span>";
}

Hvis du vil tilføje dine egne anbefalingsslidere til ovenstående sider, skal du huske at erstatte koden i tags med den indlejrede kode, der findes i dit anbefalingsindhold i my.clerk.io, som nedenfor:

Den værdi, der er angivet i tilføj_handling(), 5 i dette eksempel, fortæller WooCommerce prioriteten for det indhold, der tilføjes, hvilket igen påvirker, hvor tidligt indholdet vil blive vist i den visuelle krog. Bemærk: Når du indstiller prioritet, accepterer WooCommerce kun multipla af 5.

Flere oplysninger om WooCommerce-websider, der bruger Visual Hooks:

https://www.businessbloomer.com/category/woocommerce-tips/visual-hook-series/

Denne side er oversat af en hjælpsom AI, og der kan derfor være sproglige fejl. Tak for forståelsen.