Publiceren Eigen Website

Autoflex PEW

Autoflex Publiceren Eigen Website (PEW) geeft de mogelijkheid om auto's zelf te publiceren en te tonen op de eigen website. Een mooie duidelijke lijst van auto's word getoond met de mogelijkheid om te zoeken en te sorteren. Door op een auto te klikken zijn de details van de auto te bekijken. De integratie is zo opgezet dat elke web-bouwer dit binnen enkele minuten kan toevoegen.

De auto's worden getoond aan de hand van het domein waar de code word ge-embed. Dit domein wordt geconfigureerd in de PEW instellingen binnen Autoflex 10.

Code

De integratie bestaat uit het toevoegen van de volgende 3 regels code, het embedden van PEW.

  1. link CSS include, standaard PEW layout, plaats voor PEW tag, of in de HTML Header
  2. <pew-widget></pew-widget>, PEW tag
  3. script JS include, standard PEW code, plaats vlak voor einde body tag 

      <!-- Embedded PEW CSS here # start -->
      <link href="https://pew-embed.autoflex.dev/css/app.css" rel="stylesheet" />
      <!-- Embedded PEW CSS here # end -->
      <!-- Embedded PEW widget here # start -->
      <pew-widget>
        <h1>Bezig met laden!</h1>
      </pew-widget>
      <!-- Embedded PEW widget here # end -->
      <!-- PEW override CSS here -->
      <!-- <link href="./theme-style.css" rel="stylesheet" /> -->
      <!-- Embedded PEW script here # start -->
      <script src="https://pew-embed.autoflex.dev/js/app.js"></script>
      <!-- Embedded PEW script here # end -->

HTML code voorbeeld


        <!DOCTYPE html>
        <html lang="en">
        <head>
            <title>Auto overzicht</title>
            <!-- Embedded PEW CSS here # start -->
            <link href="https://pew-embed.autoflex.dev/css/app.css" rel="stylesheet" />
            <!-- Embedded PEW CSS here # end -->
        </head>
        <body>
            <h1 class="title" >Hieronder een overzicht van onze auto's</h1>
            <!-- Embedded PEW widget here # start -->
            <pew-widget>
              <h1>Bezig met laden!</h1>
            </pew-widget>
            <!-- Embedded PEW widget here # end -->
            <!-- PEW override CSS here -->
            <link href="./theme-style.css" rel="stylesheet" />
            <!-- Embedded PEW script here # start -->
            <script src="https://pew-embed.autoflex.dev/js/app.js"></script>
            <!-- Embedded PEW script here # end -->
        </body>
        </html>

Demo's


Embed Demo