Press "Enter" to skip to content

Pozycjonowanie PrestaShop – dodanie edytowalnego tekstu powitalnego na stronie głównej w PrestaShop 1.6.x

Admin 2

Po co mi tekst powitalny na stronie głównej?

Tekst powitalny na sklepie to w myśl dzisiejszych projektów szablonów przeżytek. Niesłusznie. Pozwala już na starcie nawiązać ~relację z klientem lub po prostu bezczelnie pochwalić się w czym jesteśmy dobrzy jako sprzedawcy i dlaczego to nasz produkt ma on kupić.

Poza celami pseudo marketingowymi – taki tekst powitalny może też służyć jako dopalacz działań SEO (Pozycjonowanie) poprzez umiejętne umiejscowienie tam ważnych dla nas słów kluczowych. To właśnie na stronę startową „wchodzi” robot indekstujący i stamtąd pobiera dane w pierwszej kolejności.

Wskazkówka: najlepiej jakby ważne dla nas słowa kluczowe były wytłuszczone (znacznik <strong> w HTML) lub podlinkowane do konktretnych pozycji w sklepie.

Tę kwestię rozumieli twórcy starych wersji PrestaShop. Np. w wersji 1.4. Był tam wbudowany moduł „editorial„. Robił dodkładnie to co tu opisaliśmy – wstawiał tekst na stronie głównej.

Niestety w starszych wersjach PS odeszło się od tego rozwiązania. Nie ma nawet modułu, który by to realizował.. Na szczęście dodanie takiego tekstu w PrestaShop 1.6.x nie nastręcza dużego problemu i jest analogiczne do osadzenia go np. w dziale kontakt, co już wcześniej opisywaliśmy.

Stworzenie tekstu powitalnego.To, co będzie zawarte w tekscie powitalnym – pozostawiamy w Twojej gestii. Możesz też posiłkować się pomocą copywritera (zapraszamy do kontaktu – posiadamy solidne zaplecze twórców takich tekstów, także w języku angielskim). Ważne aby był zwarty, posiadał ważne słowa kliczowe i był.. pozbawiony błędów ortograficznych lub gramatycznych 😉

Jak juz posiadasz tekst stwórz nową stronę w dziale:

Preferencje -> CMS

Następnie odp. sformatuj tekst. Tzn. usuń niepotrzebne znaczniki HTML (świetnie nadaje się do tego narzędzie: http://html-cleaner.com/) i użyj znaczników H1 w istotnych nagłówkach – np. tych dotyczących przedmiotu Twojej działalności. Tutaj warto skonsultować to z agencją SEO.

Na koniec zanotuj ID utworzonej strony CMS. Będzie nam to potrzebne. Powiedzmy, że wynosi on: 7

Tekst powitalny w PrestaShop – zmiany w PHP

Otwórz plik:

/controllers/front/IndexController.php

W funkcji initContent() zaraz po kodzie:

parent::initContent();

 

Wklej:

$cms = new CMS(7, intval($this->context->cookie->id_lang));
$introdata = ($cms->active == '1') ? $cms->content : false;

 

Użyj w tym kodzie ID dodanej strony CMS

Następnie kod postaci ( w tej samej funkcji PHP ):

$this->context->smarty->assign(array('HOOK_HOME' => Hook::exec('displayHome'),
    'HOOK_HOME_TAB' => Hook::exec('displayHomeTab'),
    'HOOK_HOME_TAB_CONTENT' => Hook::exec('displayHomeTabContent')
));

 

Zamień na:

$this->context->smarty->assign(array('HOOK_HOME' => Hook::exec('displayHome'),
    'HOOK_HOME_TAB' => Hook::exec('displayHomeTab'),
    'HOOK_HOME_TAB_CONTENT' => Hook::exec('displayHomeTabContent'),
    'introdata' => $introdata
));

 

Czyli dopisz nowy element tablicy:

'introdata' => $introdata

 

UWAGA! Nie zgub znaku ” , ” (przecinek) na końcu przedostatniego elementu tablicy

Tekst powitalny w PrestaShop – zmiany w HTML

Otwórz plik:

/themes/{SZALBON}/index.tpl

I umieść na jego początku kod:

{if $introdata}
<div class="introtext">
{$introdata}
</div>
{/if}

 

W ten sposób znajdzie się on na początku elementów w centralnej kolumnie. Przed produktami polecanymi, nowosciami i bestsellerami.

Możesz też umieścić go w innym miejscu strony głównej wg. uznania.

Oczywiście taki kod może wymagać ostylowania w CSS np.:

.introtext {
    margin-bottom: 30px;
    text-align: justify;
}

 

Gotowe ! Po przebudowaniu / odświeżeniu cache szablonu – więcej informacji – zmiany powinny być widoczne.

W momencie jak chcemy ukryć ten tekst, wystarczy że odpublikujemy dokument CMS w którym jest on zdeklarowany.

 

grafika: unsplash.com

  1. Jacek Jacek

    Dziękuję za ten szczegółowy opis. Wszystko okazało się bardzo przydatne.

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *

Witryna wykorzystuje Akismet, aby ograniczyć spam. Dowiedz się więcej jak przetwarzane są dane komentarzy.

Zobacz także !
Dzisiaj krótka porada jak usprawnić proces zamówienia w sklepach PrestaShop…