il tuo comparatore

incrementa vendite sito ecommerce gratis
 

Leggi mail
Supporto
Guida OsCommerce


 

  Home  Contatti   Domini  Listino prezzi   Visita negozi demo  Richiedi prova negozio    Caratteristiche ecommerce   Chi siamo   

Guida all' uso di OsCommerce     torna alla guida

COME INSERIRE BANNER E TESTO NELLE PAGINE DEL NEGOZIO

Per inserire banner  nel negozio possiamo utilizzare due procedure :

Possiamo scegliere la Procedura 1 o la Procedura 2 a seconda del Vostro grado di preparazione.

Per i principianti consigliamo di seguire la Procedura 1 che consente di caricare soltanto un’ immagine senza aggiungere testo . Vediamo come ;

Procedura 1

Dalla pagina AMMINISTRATORE  clicchiamo su BANNERS , quindi cliccare sul pulsante VEDI  e compilare il form che comparirà nel modo seguente :

Nel campo Nome Banner ; inserire il nome che vogliamo dare all’ immagine .

Nel campo URL ; Possiamo impostare un collegamento ipertestuale verso un sito esterno ; inserendo ad esempio : http://www.degishop.it ; Se non volete inserire nessun collegamento ipertestuale , lasciate il campo vuoto .

Nel campo GRUPPO ; Lasciate invariato il valore predefinito ( 468x50 )

Nel campo /home/dz3sh51/public_html/nomenegozio/images/  ; assicuratevi che il campo sia vuoto se non lo è cancellate il contenuto.

Nel campo IMMAGINE ; Selezionate l’ immagine da caricare dal vostro computer  col pulsante SFOGLIA .

A questo punto lasciamo invariati gli altri campi ( vedremo successivamente il loro utilizzo ) e clicchiamo sul pulsante UPDATE .

A questo punto l’ immagine sarà già presente nel Vostro negozio .

Cliccando su NUOVO BANNER potete inserire un nuovo banner nel Vostro negozio che sarà visualizzato a rotazione casuale con quelli inseriti in precedenza.

Procedura 2

Dalla pagina BANNERS;

Se vogliamo caricare , invece , contenuti più professionali , ad esempio : due o più immagini , testo descrittivo , due o più collegamenti ipertestuali verso siti esterni , oppure richiamare immagini da altri siti , tabelle , ecc… dovremo allora usare l’ editor HTML che è presente nel campo TESTO HTML .

In questo campo possiamo inserire il testo HTML generato da programmi per creare pagine web ( Front-Page, NVU ecc... )  inserendo solo il codice contenuto nei TAG <body> e </body>

A primo impatto questa procedura può sembrare piuttosto impegnativa , ma più avanti spiegheremo come inserire facilmente delle porzioni di codice ( script html pronti all’ uso ) .

Adesso abbiamo un altro problema ; Il software caricherà solamente l’ immagine ( seguendo la Procedura 1 )  , oppure solo il codice html , ma non entrambi .

Infatti se proviamo a caricare un’ immagine secondo la Procedura 1 e prima di cliccare  sul pulsante UPDATE inseriamo un testo qualsiasi nel campo TESTO HTML , il software caricherà soltanto il testo e non l’ immagine .

Come ovviare quindi a questo problema ?

Possiamo risolverlo in due modi ;

Modo 1 – Richiamare tramite codice html un’ immagine esistente su un sito esterno .

Modo 2 – Richiamare tramite codice html un’ immagine caricata o da caricare nel vostro negozio .

Col Modo 1

si presume che abbiate un’ altro spazio web dove avete caricato , o potete caricare immagini ; In questo caso potete trovare script html già pronti all’ uso più avanti nella sezione : SCRIPT HTML PRONTI ALL’ USO  .

Se non avete questa possibilità potete utilizzare il

Modo 2

Prima di richiamare un’ immagine con uno script ( potete utilizzare quelli già pronti all’ uso ) è necessario caricare le immagini stesse nel vostro negozio . Vediamo come fare ;

Andiamo alla pagina amministratore , cliccate su CATALOGO , si aprirà la pagina CATEGORIE/PRODOTTI , cliccate  su una qualsiasi delle categorie esistenti , quindi cliccate su VEDI  e successivamente su NUOVO PRODOTTO , a questo punto si aprirà la pagina per l’ inserimento dei prodotti , ma noi dovendo inserire un’ immagine e non un prodotto , spuntiamo NON DISPONIBILE allo stato dei prodotti , quindi andate direttamente al campo IMMAGINE e selezionate l’ immagine da caricare dal vostro computer , quindi cliccate su ANTEPRIMA e visualizzerete l’ immagine appena caricata , quindi cliccate su INSERISCI per completare l’ inserimento .

A questo punto potete tornare alla pagina BANNERS e seguire le semplici istruzioni degli script html già pronti all’ uso disponibili anche qui sotto .

 Nel caso in cui siate esperti oppure abbiate semplicemente alcune nozioni sull' utilizzo del codice HTML sicuramente non avrete bisogno degli esempi riportati qui sotto , in quanto la flessibilità di questo editor permette di realizzare contenuti altamente professionali semplicemente incollando nel form il codice html generato da alcuni programmi , tra i cui anche Frontpage , ma anche tanti altri programmi WYSIWYG . E' sufficiente , infatti , creare dei contenuti con questi programmi ( potete trovarne alcuni gratuiti nella sezione free download sul nostro sito www.degishop.it ) e successivamente copiare i codici generati in automatico nel campo TESTO HTML nel form soprastante ed il gioco è fatto . Comunque per i meno esperti abbiamo messo a punto alcuni script già pronti all' uso che riguardano alcuni funzioni principali.

SCRIPT HTML PRONTI ALL'USO

 Esempio 1 :

<p align="center">
<a href="http://www.nomesito.it">
<IMG SRC="http://www.degishop.net/nomenegozio/images/nomefile.gif"></a></A>

Con questo script è possibile aggiungere un' immagine ( ad esempio il Vostro logo ) in alcune pagine del negozio , richiamando anche un collegamento ipertestuale ad un sito esterno .

VEDIAMO COME FUNZIONA :

Passo A - Prima di tutto è necessario caricare fisicamente il logo o l'immagine sul server . Per fare questo seguire la procedura del manuale d' istruzioni nella sezione : Come inserire immagini e contenuti nel negozio / Procedura 2 / modo 2

Passo B - Dopo aver caricato il logo o l'immagine selezionate col tasto sinistro del mouse lo script all' interno della tabella Esempio 1 , col destro mouse fate copia ed incollate nel campo TESTO HTML del form soprastante . Modificate , quindi , solo la parte evidenziata in giallo come segue:

Passo C - <a href="http://www.nomesito.it"> Sostituite www.nomesito.it con l' indirizzo al quale volete che gli utenti del Vostro negozio saranno inviati se dovessero cliccare sull' immagine da Voi caricata . Se non volete inviarli a nessun sito esterno , cancellate completamente il secondo rigo della tabella Esempio 1 <a href="http://www.nomesito.it">

Passo D - Il terzo rigo  indica la directory dove è stata caricata fisicamente l'immagine ( Passo A ) e la richiama per la visualizzazione . Tutte le immagini , infatti , vengono caricate nella cartella images del dominio a Voi assegnato da Degishop , pertanto dovrete modificare il codice della tabella Esempio 1 in base ai parametri a Voi assegnati . Modificate solo la parte evidenziata in giallo come segue :

<IMG SRC="http://www.degishop.net/nomenegozio/images/nomefile.gif"></a></A>

Sostituite la parte evidenziata in giallo nomenegozio con il Vostro nomenegozio *

*( Il Vostro nomenegozio è la parola successiva a www.degishop.net/ del dominio di terzo livello assegnatovi da Degishop ; potete trovare questo parametro nella e-mail di attivazione negozio)

Infine sostituite la parte evidenziata in giallo nomefile.gif con il nome effettivo del file che avete caricato seguendo il Passo A

Passo E - A questo punto non Vi resta che salvare il modulo cliccando sul pulsante UPDATE e guardare il risultato nel negozio .

Potete caricare più immagini semplicemente aggiungendo lo stesso codice della tabella Esempio 1 più volte senza sovrascrivere quello precedente e ripetendo la procedura dal Passo A al Passo E  per ogni immagine da caricare ; Naturalmente ogni nuova immagine dovrà chiamarsi differentemente da quelle precedenti onde evitare la sovrascrizione e quindi la cancellazione delle immagini caricate in precedenza .  

Nel caso in cui , invece , vogliate richiamare un' immagine esistente su un altro sito , non dovrete fare altro che saltare il Passo A e  al Passo D modificare il seguente testo evidenziato in giallo con il nome effettivo del sito e directory di destinazione oltre che il nome del file .

<IMG SRC="http://www.degishop.net/nomenegozio/images/nomefile.gif"></a></A>

 Esempio 2 :

<p align="center"><b>DESCRIZIONE ATTIVITA'</b></p>
<p align="center">Qui potete inserire la descrizione della Vostra attività ,
oppure altre informazioni . </p>
<p align="center">Potete eventualmente inserire anche un collegamento
testuale ad un sito esterno . Ad esempio : per visualizzare informazioni più dettagliate sulla nostra attività visitate il sito <a href="http://www.degishop.it">
www.degishop.it</a> </p>

Con questo script potete inserire dei commenti sulla Vostra azienda , oppure qualsiasi altra informazione ; Potete , inoltre , aggiungere un collegamento testuale ad un sito esterno .

VEDIAMO COME FUNZIONA :

Selezionate col tasto sinistro del mouse lo script all' interno della tabella Esempio 2 , col destro mouse fate copia ed incollate nel campo TESTO HTML del form soprastante . Modificate , quindi , solo la parte evidenziata in giallo come segue :

Passo A - <p align="center"><b>DESCRIZIONE ATTIVITA'</b></p>  Potete modificare il testo descrizione attività  con qualunque altro tipo di testo ; tenete presente che qui potete inserire il titolo in quanto i caratteri saranno visualizzati in maiuscolo . Se invece non volete visualizzare nessun titolo cancellate completamente l' intero rigo

 <p align="center"><b>DESCRIZIONE ATTIVITA'</b></p>

Passo B - <p align="center">Qui potete inserire la descrizione della Vostra attività , oppure altre informazioni . </p> Potete modificare il testo evidenziato in giallo per inserire delle semplici informazioni riguardanti la Vostra attività .

Passo C - <p align="center">Potete eventualmente inserire anche un collegamento testuale ad un sito esterno . Ad esempio : per visualizzare informazioni più dettagliate sulla nostra attività visitate il sito <a href="http://www.degishop.it">
www.degishop.it</a> </p> Con questo script potete inserire oltre ad una descrizione attività , anche un collegamento testuale che porti ad un sito esterno . Vediamo in breve come fare : Modificate il testo evidenziato in giallo per inserire una descrizione dell' attività ; Modificate il testo evidenziato in rosso per inserire il collegamento al sito al quale volete indirizzare il vostro utente ; nell' esempio è stato messo il sito di Degishop , Voi potete indirizzarlo dove volete . Il testo evidenziato in blu è il testo che sarà visibile sulla pagina del negozio dove l' utente dovrà cliccare per accedere al collegamento da Voi impostato , fate attenzione quindi che il testo evidenziato in giallo e quello in blu formino un contesto logico . Per essere più chiari su quanto detto prendiamo in esempio lo script che abbiamo al Passo C . All' interno della pagina del negozio sarà visualizzato il seguente testo :

Potete eventualmente inserire anche un collegamento testuale ad un sito esterno . Ad esempio : per visualizzare informazioni più dettagliate sulla nostra attività visitate il sito www.degishop.it

Otterremo , quindi , che la parte <a href="http://www.degishop.it"> non verrà visualizzata nella pagina , mentre il testo evidenziato in giallo comparirà così come lo abbiamo scritto , mentre il testo evidenziato in blu si trasformerà in collegamento testuale ( www.degishop.it

Passo D - A questo punto non Vi resta che salvare il modulo cliccando sul pulsante UPDATE e guardare il risultato nel negozio .

Naturalmente potete combinare tra loro gli script degli Esempio 1 ed Esempio 2 in modo da personalizzare il più possibile le pagine del Vostro negozio . Di fatto è più difficile da spiegare che da fare . Dopo poche prove potrete verificare di persona la facilità di uso di questi script .

 

 
 templates commercio elettronico
Software di commercio elettronico dominio, e-mail, sette templates professionali   inclusi   nel   prezzo

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Siti amici : e-commercesoftware | sito fai da tesito per vendere | e-commerce free | e-commerce hosting | oscommerce italia  | ecommerce-ecommerce.com

Guida al Commercio elettronico Commercio elettronico  Vendita on-line   e-commerce cioccolato  |  cioccolateria  |

shopping italia | shopping e shopping1001 giochi gratisBooking.com | acquistare on line |  gotlinks  |  e-commerce economico |

Degi Web Services

Hosting and e-commerce solutions

Partita iva 01301870760