Sitemap

Waaronder men pagina’s kan plaatsen.

Welke map in de top/menu komt te staan kiest men in [Inhoud > Header]. Welke map in het footer menu wordt weergegeven kiest men in [Inhoud > Footer].

  1. Top menu

    De top navigatie is de band helemaal vanboven aan de pagina en hierin bevinden zich ook de aanmeldings- en registreerknoppen en de knop om de taal van de website te veranderen.

    ../images/e46d3c4a-a7a5-4d8b-8d17-49c52f867011.png

    ../images/baadde50-be99-4a21-992f-bccd8bcc5a55.png

  2. Menu navigatie

    Het menu bevindt zich onder de zoekbalk en rechts van het logo.

    ../images/10b5af17-2f45-46d5-9fd8-1560c819b68d.png

    ../images/14e73c20-ac3c-4b0f-a142-1cf38c24e205.png

    In de sitemap kunnen de top navigatie, het menu en de footer navigatie aangemaakt en aangepast worden. Deze onderdelen (mappen) zijn steeds aanwezig op elke webpagina.

    In elk van deze zones is er keuze uit verschillende soorten knoppen (folder, pagina, link, categorie, dynamisch veld of landingspagina) die hieraan toegevoegd kunnen worden. Deze elementen voegen we toe door op het plusteken te klikken.

    ../images/04874a7e-5ed8-4bd7-9fcf-0ea8814de607.png

    Hier kiezen we een van de verschillende types.

    ../images/3fc6908e-9231-43cf-8c20-4fff860efebe.png

    Daarnaast is het mogelijk om reeds bestaande items aan te passen door deze te selecteren en op deze knop te klikken. Een bewerking kun je ook starten door op het item te dubbelklikken.

    ../images/7deef94c-c4bc-452d-a6cd-b4a77859da84.png

    Een item verwijderen doen we door het selecteren van het item in de sitemap en vervolgens op deze knop te klikken. Hierbij volgt er een bevestigingsscherm waarop je de verwijdering moet bevestigen.

Folder

Sitemap > Folder

Een folder is een verzamelitem in de sitemap om andere items in onder te brengen. Deze worden dan afgebeeld als een map waaronder pagina’s kunnen worden geplaatst. Denk daarbij bijvoorbeeld aan een menu item ‘Mobiele telefoons’ met de drop down ‘Apple’ en ‘BlackBerry’.

../images/cc4072eb-9334-461a-8357-fabff89557c1.png

Deze folder geef je louter een naam en eventueel een referentie. De naam wordt afgebeeld op de front-end.

Sitemap > Link

Een link is de mogelijkheid om via een zelfgekozen naam te verwijzen naar een interne of externe URL. Op die manier kun je 2 zaken verwezenlijken:

  1. Een verwijzing naar een van de concept pagina’s van Marcando (Contact/FAQ/Downloads/Blog/..) Meer over dit type pagina’s vanaf sectie FAQ tot ‎ Contact.

    ../images/464571ef-445d-40c5-8e55-fc5ee53c9dae.png

    Hier kun je volgende info invullen:

    • Naam: Naam van de link. Deze wordt getoond op de front-end.

    • Url: De interne URl. Hierbij typen we niet de volledige link, maar slechts [/mvc/’naam pagina’]

    • Ref: Interne referentienaam voor de link. Wordt niet op de front-end getoond.

  2. Een verwijzing naar een externe pagina. Hier kun je een zelfgekozen naam kiezen voor de verwijzing naar een zelfgekozen pagina op het internet.

    ../images/d54343a0-85ff-428a-af1f-7afcd620d668.png

    Hier kun je volgende info invullen:

    • Naam: Naam van de link. Deze wordt getoond op de front-end.

    • Url: De externe URL – deze wordt volledig ingegeven inclusief ‘HTTPS://WWW.’

    • Ref: Interne referentienaam voor de link. Wordt niet op de front-end getoond.

Pagina

Sitemap > Pagina

Een ‘pagina’ in de sitemap is een conceptpagina waarbij je enkele vaste elementen kan toevoegen. Dit pagina-type werd voornamelijk ontwikkeld om bijvoorbeeld landingspagina’s voor merken of types aan te maken.

Een pagina van deze soort kan de volgende elementen bevatten:

  • Tekst

  • Downloads

  • Links

  • Video’s

  • Afbeeldingen

  • Artikelcarrousel

Pagina.Header

../images/37eea0cc-9b5b-439b-9f5e-56fed61066b4.png

In de header kunnen we volgende informatie ingeven:

  • Titel Navigatie: De naam van de pagina in de hoofdnavigatiebalk (top, menu of footer).

  • Titel Pagina: De titel van de pagina. Komt voor op de shop.

  • Ref: Interne referentie van de pagina.

  • Inhoud: De tekst die de pagina zal bevatten.

../images/94766e65-359f-4157-bf82-08dfaebb7a8e.png

Pagina.Documenten

../images/7c43402a-2531-4384-82b1-92eb2aca4569.png

Hier zien we een overzicht van de documenten die gekoppeld zijn aan deze pagina – of hebben we de mogelijkheid om documenten toe te voegen.

../images/4a001175-5c1a-4dce-92bf-a8b4af71b9f9.png

Om 1 document toe te voegen aan de pagina klikken we op deze knop. Dit brengt ons naar volgend venster:

../images/88040710-0944-48ae-a816-bf2de94cf042.png

Hierbij kunnen we volgende informatie geven:

  • Naam: De naam van het document. Deze wordt weergeven op de pagina.

  • Type: keuze tussen:

    • Generiek bestand

      • PDF

      • Excel bestand

      • Powerpoint bestand

      • Word bestand

  • Bestand:

../images/ffe7b2a8-858e-4106-9606-974cbe5df7f1.png

Via deze knop kies je een bestand via de bestandsverkenner van jouw computer. Daar selecteer je het bestand en klikt daarna op ‘Opslaan’.

../images/b1a78718-d88b-4185-9c09-de1e3947f612.png

Om 1 of meerdere documenten in 1 upload toe te voegen aan de pagina klikt men op deze knop. Daarbij opent er een pop-up:

../images/21905c77-7450-4fee-a095-9cb235e1b301.png

../images/5f0ad480-cfc9-48da-ba6d-f21e8a9681e3.png

Hier kies je deze knop om via de bestandsverkenner van jouw computer de documenten te selecteren. Na de selectie van documenten zie je de bestanden zoals in onderstaand scherm:

../images/f068a55d-b7ca-477a-8478-d0baffae3be0.png

../images/402e9274-f340-4062-80eb-7bbf4cc98fb6.png

Om de upload naar de pagina te starten klikt men op deze knop.

Op de front end ziet dit er zo uit:

../images/7ee0eeec-cac4-44e2-975d-cc3ea4175880.png

Pagina.Links

../images/e0671e72-8fbf-449d-9bf8-c5f6c425ca1a.png

Hier zien we een overzicht van de links die gekoppeld zijn aan deze pagina – of hebben we de mogelijkheid om links toe te voegen.

../images/80474d66-5cf7-4203-b2e7-0d01de8962dc.png

In Marcando voegen we een link toe via deze knop.

../images/f4798f3b-8247-408a-960f-7964b2c36524.png

De in te geven parameters zijn:

  • URL: De URL/link naar de webpagina die je wilt linken aan deze pagina. Hier zijn de volgende zaken toegestaan:

    • URLs – zoals bijvoorbeeld https://www.google.com

      • FTPs – dit zijn linken naar FTP servers om een geconsolideerd (en downloadbaar) overzicht te geven van daar opgeslagen afbeeldingen en documenten.

      • Mail directs – via ‘mailto: voorbeeld@bedrijf.be ’ zal er bij het klikken een dialoogvenster openen van de klant zijn/haar mailprogamma met het opgegeven mailadres.

  • Openen in: Hier zijn 2 keuzes:

    • Nieuw venster: De link zal zich openen in een nieuwe browser tab.

      • _self: De link zal zich openen in de huidige browser tab.
  • Label: De naam die de links zal krijgen op de pagina. Zichtbaar voor jouw users.

Pagina.Film

../images/5d74a7da-7f8a-4b94-9336-2e6bd1c02bf0.png

Hier zien we eventueel een toegevoegde video.

  • Naam: Interne benaming voor het filmpje. Dit wordt nergens afgebeeld op de shop.

  • Embed code: De ‘insluit’ code voor het filmpje. Het is dus niet zo dat er hier louter een ‘Youtube’ link kan worden gepost.

Via YouTube – het meest populaire videoplatform vind je deze code via de URL van het filmpje:

../images/09367420-5164-4096-9c62-2e673d341153.png

../images/2426d3b0-a98b-490d-9fff-7c88d1ff1846.png

Hier kopieer je volgende code:

../images/cfc9b023-427c-491d-8d50-871771f37a60.png

En deze code plak je in [embed code].

  • Intro: intro tekst voor het filmpje. Wordt momenteel niet op de front end getoond.

  • duur: informatief - de duur van het filmpje. Heeft geen invloed op het daadwerkelijk afspelen.

Afbeeldingen

Sitemap > Pagina > Pagina > Afbeeldingen

../images/cb6db924-556c-465f-8bfa-a9698445e19f.png

In Marcando kan je makkelijk afbeeldingen toevoegen aan de pagina.

../images/adfce220-c866-452e-9230-b47c25b50690.png

indien we 1 foto willen toevoegen drukken we op deze knop.

../images/0dc5f299-fc61-47cb-9c03-d07a67b8da02.png

indien we 1 of meer foto’s willen toevoegen drukken we op deze knop

Afbeeldingen.Voeg Photo toe

../images/308b8959-bf6f-4bc5-aaa7-6a96d1ad2eef.png

Om 1 foto toe te voegen aan de pagina klikken we op deze knop. Dit brengt ons naar volgend venster:

../images/22d6670e-4933-45ab-a95f-72164dccfcf2.png

Opmerking: De maximale bestandsgrote is 20MB en de maximum dimensies zijn 4472 x 4472

Hierbij kunnen we volgende informatie geven:

  • Fotograaf/Label: Een interne naam voor de afbeelding van de pagina. Deze wordt nergens op de shop afgebeeld.

  • Upload: De upload functionaliteit voor de afbeelding. Hierbij opent jouw dialoogvenster om via jouw bestandverkenner een afbeelding te selecteren en te uploaden.

  • Naam: Een interne naam voor de afbeelding van de pagina. Deze wordt nergens op de shop afgebeeld.

  • Alt: Een alternatieve naam voor de foto. Dit is louter voor SEO doeleinden. Op die manier kunnen zoekmachines (zoals Google en Bing) de afbeelding indexeren en vindbaar maken.

  • Standaard crop: bepaalt hoe de foto geplaatst moet worden in het kader. Stel het is liggend en je laadt een liggende foto op, dan kies je altijd voor centraal om het mooi te laten uitkomen.

  • Optimaliseer: Dit verkleint te grote afbeelding tot een formaat van maximaal 6000 op 6000 pixels.

../images/ac0f046e-a77a-4a5c-91ef-320acc56d4e0.png

De verandering is pas effectief na het opslaan via deze knoppen.

Afbeeldingen. Meerdere foto’s toevoegen

../images/856c7f4b-cb17-47ca-86ba-565865945b2e.png

Om 1 of meerdere foto’s in 1 upload toe te voegen aan het artikel klikt men op deze knop. daarbij opent onderstaande pop-up:

../images/014db828-ee38-4e79-ac21-f00959281e14.png

../images/057d1ae0-22a8-44a3-98cc-6995e8a42e2e.png

Hier kies je deze knop om via de bestandsverkenner van jouw computer de afbeeldingen te selecteren. Na de selectie van afbeeldingen zie je de bestanden in zoals in onderstaand scherm:

../images/32590a2c-3111-4b1c-bf8b-8fd0a70c0953.png

De verandering is pas effectief na het opslaan via deze knoppen.

Indien er meerdere afbeeldingen aanwezig zijn in een artikel, dan is het mogelijk om hiervan de volgorde te wijzigen door deze te verplaatsen via onderstaand omcirkeld in paars.

../images/8471212f-be4e-480d-a1fd-0d5712e02586.png

../images/b6544c6b-7bf9-48f3-a18f-905d77031c41.png

De verandering is pas effectief na het opslaan via deze knop.

Artikels

Sitemap > Pagina > Pagina > Artikels

../images/8c1877f5-2511-4ebe-b65f-8e0eabdf13ff.png

Met de volgende informatie:

  • Gepubliceerd: publicatiestatus van het artikel op de webshop.

../images/a4e73f11-1f40-413f-b115-01b0f16059a3.png

geeft aan dat het artikel gepubliceerd is

../images/071d4e71-6da3-48ff-a07f-43b06dccb464.png

geeft aan dat het artikel niet gepubliceerd is.

  • Artikelcode: De artikelcode.

  • Naam: De naam van het artikel.

  • Prijzen: Een verkort overzicht van de prijzen die van toepassing zijn voor dit product per klant(groep).

  • In stock: Stockindicatie van het artikel.

  • Acties: Acties geven je mogelijkheden tot aanpassingen van het artikel:

../images/748927bc-9a5f-48ce-9cd3-28b13bbff4ce.png

  • brengt je naar de detailpagina van het artikel. Hier kun je eventueel wijzigingen in doorvoeren indien gewenst. Hierover meer in ‎ Artikel.

../images/fb32ee06-d779-4570-9695-3627fea5cfe5.png

  • zorgt voor de verwijdering van het artikel. Dit na bevestiging in de confirmatie pop-up.

../images/92e79836-6b51-4500-8774-76394a374242.png

Om artikelen toe te voegen zoekt men via de zoekbalk naar de juiste artikelen en klikt men op [Voeg toe].

Categorie

Sitemap > Categorie

Indien je op jouw website/shop menu’s een snelkoppeling wilt voorzien naar een (sub)categorie van jouw cataloog, dan doe je dit door het toevoegen van een ‘Categorie’ aan de sitemap. Op die manier kun je deze zaken in het top, main of footer menu plaatsen. Dit brengt de gebruiker dan naar de cataloog waarbij de correcte (sub)categorie reeds is aangevinkt.

../images/2916b3dc-30e8-4d3a-bf69-5f38542a647b.png

Dynamisch Veld

Sitemap > Dynamisch Veld

In de sitemap bestaat ook de mogelijkheid tot het toevoegen van een dynamisch veld in een van de menu’s. Een uitgebreide toelichten over dynamische velden vind je in echter geven we hier reeds duiding: Een dynamische eigenschap is een eigenschap van een artikel die het verder omschrijft in een dynamisch veld. Zo is ‘Storage’ bijvoorbeeld het dynamisch veld waarbij een waarde ‘128 GB’ de dynamische eigenschap is.

Indien we dus een dynamisch veld in een menustructuur voegen, voegen we in principe een folder toe de verschillende eigenschappen voor dit veld zal laten zien. Indien een gebruiker op een van de eigenschappen klikt, dan komt deze terecht op de subcatalogus van deze eigenschap.

../images/33b41c52-577b-4f1c-8a78-459f08a2f29b.png

Op het scherm om dit in te stellen zien we:

  • Dynamisch veld: Hier krijg je een dropdown van de bestaande dynamische velden in jouw Marcando omgeving.

../images/8393bd59-37f3-4e26-88f5-b32ed233f398.png

Na het selecteren klik je op deze knop. Nadien zal dit als volgt verschijnen op de front end:

../images/70130bba-15fd-4ce0-bbf0-428c0247df4c.png

Landingspagina

Sitemap > Landingspagina

Om landingspagina’s toe te voegen in de sitemap dien je deze eerst aan te maken in sectie ‎ Landingspagina's. Nadien kun je deze selecteren om toe te voegen aan de sitemap.

../images/8911ae81-99f3-45f3-9ae2-edfe11b8aeb9.png

Hierbij krijg je volgende parameters:

  • Naam: De naam van de pagina. Deze is zichtbaar op de front end van jouw shop

  • Landingspage: Uit de dropdown selecteer je hier de desbetreffende landingspagina. Deze maak je aan in sectie ‎ Landingspagina's.

Dit zie je zo op de front end van de shop:

../images/db07340a-5311-4e1f-96a7-7c990534d591.png