mageday 2013 - magento e typo3: una soluzione integrata

51
L’e-commerce incontra il CMS Magento e TYPO3: una soluzione integrata Pag. 1 MageDay 2013 - Reggio Emilia 08/11/2013

Upload: mauro-lorenzutti

Post on 05-Dec-2014

899 views

Category:

Documents


4 download

DESCRIPTION

Il modulo CMS per la gestione dei contenuti integrato in Magento è piuttosto limitato e richiede un minimo di competenze per un suo utilizzo efficace. Se comparato poi con altri prodotti dedicati espressamente alla gestione di contenuti, bisogna ammettere che non è altrettanto facile e ricco di funzionalità. Proprio per questi motivi abbiamo deciso di sopperire alle mancanze di Magento integrando un CMS Open Source (TYPO3 nel nostro caso) che permettesse di gestire in modo semplice ed efficace tutta la parte di comunicazione che in un sito di ecommerce è ormai fondamentale. Durante il talk andremo quindi ad analizzare il modulo CMS di Magento e le ragioni che ci hanno spinto a realizzare questa integrazione. Quindi approfondiremo come è stata realizzata l'integrazione tra le due piattaforme, analizzando le modalità di integrazione del layout e di utilizzo delle API di Magento per l'inclusione delle sue componenti. Esperienza questa che può essere estesa ad altri CMS.

TRANSCRIPT

Page 1: MageDay 2013 - Magento e TYPO3: una soluzione integrata

L’e-commerce incontra il CMS

Magento e TYPO3: una soluzione integrata

Pag. 1 MageDay 2013 - Reggio Emilia 08/11/2013

Page 2: MageDay 2013 - Magento e TYPO3: una soluzione integrata

About me

08/11/2013 Pag. 2 MageDay 2013 - Reggio Emilia

Page 3: MageDay 2013 - Magento e TYPO3: una soluzione integrata

Mauro Lorenzutti

CTO presso www.webformat.com

Consulente e Sviluppatore TYPO3 e Magento

08/11/2013 Pag. 3 MageDay 2013 - Reggio Emilia

Page 4: MageDay 2013 - Magento e TYPO3: una soluzione integrata

Why

08/11/2013 Pag. 4 MageDay 2013 - Reggio Emilia

Page 5: MageDay 2013 - Magento e TYPO3: una soluzione integrata

Schede prodotto ricche:

Dettagli tecnici

Descrizione “markettara”

Video, photogallery

Blog

Landing pages

Pagine editoriali

Photo e video gallery

Promuovere il brand

Photo e video

gallery

Schede prodotto “ricche”

Blog

Non solo e-commerce

Pag. 5 MageDay 2013 - Reggio Emilia 08/11/2013

Page 6: MageDay 2013 - Magento e TYPO3: una soluzione integrata

L’importanza dei contenuti

Pag. 6 MageDay 2013 - Reggio Emilia 08/11/2013

http://www.revenuejournal.com/

Page 7: MageDay 2013 - Magento e TYPO3: una soluzione integrata

08/11/2013 Pag. 7 MageDay 2013 - Reggio Emilia

Page 8: MageDay 2013 - Magento e TYPO3: una soluzione integrata

08/11/2013 Pag. 8 MageDay 2013 - Reggio Emilia

Page 9: MageDay 2013 - Magento e TYPO3: una soluzione integrata

Highlights

System

•Navigazione per categorie, fasce di prezzo, opzioni, etc.

•Whishlist

•Comparazione prodotti

•Storico ordini

•Ricerca avanzata

Marketing

•Multi-sito, multi-lingua, multi-valuta, multi-listino

•Gestione centralizzata di prodotti, ordini, fatture, spedizioni

•Gestione magazzino

•Molteplici spedizioni e pagamenti integrati (DHL, Paypal, etc.)

Customers

•SEO ready

•Upselling e Cross-selling

•Raccolte punti e gift certificates

•Regole di scontistica

•Gestione banner

•Oltre 4000 moduli disponibili

Pag. 9 MageDay 2013 - Reggio Emilia 08/11/2013

Page 10: MageDay 2013 - Magento e TYPO3: una soluzione integrata

E il modulo CMS ?

Pag. 10 MageDay 2013 - Reggio Emilia 08/11/2013

Non è esattamente user-friendly...

Richiede conoscenze di HTML

Meccanismo di priorità delle storeview non banale

Richiede competenze di HTML non banali in caso di siti responsivi

Limitato alla gestione di pagine e blocchi di contenuto

Mediante qualche modulo si possono aggiungere news, blog e alcune altre feature

Page 11: MageDay 2013 - Magento e TYPO3: una soluzione integrata

E il modulo CMS ?

08/11/2013 Pag. 11 MageDay 2013 - Reggio Emilia

Page 12: MageDay 2013 - Magento e TYPO3: una soluzione integrata

Investire tempo e risorse per migliorare la parte CMS di Magento?

Pag. 12 MageDay 2013 - Reggio Emilia

Cosa fare?

Integrare un CMS opensource?

Oppure…

08/11/2013

Page 13: MageDay 2013 - Magento e TYPO3: una soluzione integrata

TYPO3

08/11/2013 Pag. 13 MageDay 2013 - Reggio Emilia

Page 14: MageDay 2013 - Magento e TYPO3: una soluzione integrata

enterprise-level open source content management system

5.800.000 download

500.000 websites

5.500 estensioni

51 lingue di backend

60.000 sviluppatori

Pag. 14 MageDay 2013 - Reggio Emilia 08/11/2013

Page 15: MageDay 2013 - Magento e TYPO3: una soluzione integrata

Highlights

Administrators Marketing Editors

• Facile gestione dei contenuti

• Gestione delle versioni

• Pubblicazione schedulata dei contenuti

• Undo delle modifiche

• Tradotto in 51 lingue

• Multidominio, multicanale

• High performances

• UTF-8 compliant

• Log di tutte le operazioni

• Workflow di approvazione

• SEO ready

• Layout flessibile

• Open source

• Free License

• Oltre 5500 estensioni

• Ampia community di sviluppatori

Pag. 15 MageDay 2013 - Reggio Emilia 08/11/2013

Page 16: MageDay 2013 - Magento e TYPO3: una soluzione integrata

CMS

Gestione semplice di pagine e contenuti

Non richiede competenze di codice HTML

ACL, workflow, versioning

Drag & Drop, …

Migliaia di moduli per ulteriori funzionalità

Blog

News

Photo e video gallery

Pag. 16 MageDay 2013 - Reggio Emilia 08/11/2013

Community

Form di contatti

Page 17: MageDay 2013 - Magento e TYPO3: una soluzione integrata

CMS

08/11/2013 Pag. 17 MageDay 2013 - Reggio Emilia

Page 18: MageDay 2013 - Magento e TYPO3: una soluzione integrata

An integrated solution

08/11/2013 Pag. 18 MageDay 2013 - Reggio Emilia

Page 19: MageDay 2013 - Magento e TYPO3: una soluzione integrata

A ciascuno il suo…

Usare lo strumento giusto per fare ciò per cui è stato progettato:

Gestione editoriale tramite TYPO3

Gestione prodotti e ordini tramite Magento

Pag. 19 MageDay 2013 - Reggio Emilia 08/11/2013

Page 20: MageDay 2013 - Magento e TYPO3: una soluzione integrata

08/11/2013 Pag. 20 MageDay 2013 - Reggio Emilia

Page 21: MageDay 2013 - Magento e TYPO3: una soluzione integrata

The technical scheme

Pag. 21 MageDay 2013 - Reggio Emilia 08/11/2013

Page 22: MageDay 2013 - Magento e TYPO3: una soluzione integrata

Un’installazione, molti siti

Ad ogni sito TYPO3 corrisponde un sito Magento

Pag. 22 MageDay 2013 - Reggio Emilia 08/11/2013

Page 23: MageDay 2013 - Magento e TYPO3: una soluzione integrata

Layout

Magento e TYPO3 condividono parti del layout:

Header

Menu

Footer

Connettori Magento <-> TYPO3

Contenuti TYPO3 in pagine Magento

Prodotti e blocchi di Magento in pagine TYPO3

Pag. 23 MageDay 2013 - Reggio Emilia 08/11/2013

Page 24: MageDay 2013 - Magento e TYPO3: una soluzione integrata

MageDay 2013 - Reggio Emilia Pag. 24

Layout grafico

08/11/2013

Page 25: MageDay 2013 - Magento e TYPO3: una soluzione integrata

Prodotti Magento in pagine editoriali

Plugin TYPO3 che permette di includere prodotti di Magento

Pag. 25 MageDay 2013 - Reggio Emilia 08/11/2013

Page 26: MageDay 2013 - Magento e TYPO3: una soluzione integrata

Magento blocks

Magento non gestisce solo liste di prodotti:

I più venduti

Visti di recente

Carrello

Wishlist

Banner

Custom contents

Pag. 26 MageDay 2013 - Reggio Emilia 08/11/2013

Page 27: MageDay 2013 - Magento e TYPO3: una soluzione integrata

Magento blocks

Pag. 27 MageDay 2013 - Reggio Emilia 08/11/2013

Page 28: MageDay 2013 - Magento e TYPO3: una soluzione integrata

Magento blocks in pagine TYPO3

Plugin TYPO3 plugin che consente di includere blocchi Magento in pagine editoriali

Pag. 28 MageDay 2013 - Reggio Emilia 08/11/2013

Page 29: MageDay 2013 - Magento e TYPO3: una soluzione integrata

Contenuti TYPO3 in pagine Magento

Modulo in Magento che consente di includere contenuti editoriali da TYPO3

MageDay 2013 - Reggio Emilia

Plugin TYPO3 che consente di associare contenuti a prodotti e categorie di Magento

08/11/2013 Pag. 29

Page 30: MageDay 2013 - Magento e TYPO3: una soluzione integrata

TYPO3 products management

Modulo di backend in TYPO3 per gestire i prodotti

Pag. 30 MageDay 2013 - Reggio Emilia 08/11/2013

Page 31: MageDay 2013 - Magento e TYPO3: una soluzione integrata

TYPO3 – Magento Single Sign On

Registrazione unica in TYPO3

Login unico in TYPO3

TYPO3 and Magento session sharing

TYPO3 and Magento users synch via SQL triggers

Saltedpasswords in Magento

Pag. 31 MageDay 2013 - Reggio Emilia 08/11/2013

Page 32: MageDay 2013 - Magento e TYPO3: una soluzione integrata

Modulo di configurazione

Modulo di backend per configurare l’integrazione con TYPO3

Pag. 32 MageDay 2013 - Reggio Emilia 08/11/2013

Page 33: MageDay 2013 - Magento e TYPO3: una soluzione integrata

Looking inside

08/11/2013 Pag. 33 MageDay 2013 - Reggio Emilia

Page 34: MageDay 2013 - Magento e TYPO3: una soluzione integrata

Integrazione

Come parlano Magento e TYPO3?

Come fa TYPO3 a reperire le informazioni da Magento?

Due possibilità:

Web service e/o servizi REST

Chiamata diretta alle API di Magento

Pag. 34 MageDay 2013 - Reggio Emilia 08/11/2013

Page 35: MageDay 2013 - Magento e TYPO3: una soluzione integrata

Web service e servizi REST

Pag. 35 MageDay 2013 - Reggio Emilia 08/11/2013

- Interfaccia semplice e documentata

- Permette di avere installazioni su server diversi

- Permette di connettersi a più installazioni

- Prestazioni

Page 36: MageDay 2013 - Magento e TYPO3: una soluzione integrata

Direct API call

Pag. 36 MageDay 2013 - Reggio Emilia 08/11/2013

- Alte prestazioni

- Piena libertà…

- Richiede che TYPO3 e Magento siano installati sullo stesso server

Page 37: MageDay 2013 - Magento e TYPO3: una soluzione integrata

Direct API call

Pag. 37 MageDay 2013 - Reggio Emilia 08/11/2013

Page 38: MageDay 2013 - Magento e TYPO3: una soluzione integrata

Caching, caching, caching…

Magento e TYPO3 hanno i loro sistemi di caching

Bisogna mettere in cache anche le operazioni relative all’integrazione

Pag. 38 MageDay 2013 - Reggio Emilia 08/11/2013

Page 39: MageDay 2013 - Magento e TYPO3: una soluzione integrata

Chi risponde?

Chi risponde alle richieste ricevute?

Due possibilità: Eleggere un master e modificarne il router

Installazioni in cartelle diverse

Pag. 39 MageDay 2013 - Reggio Emilia 08/11/2013

Immagine da sciencetoybox.com

Page 40: MageDay 2013 - Magento e TYPO3: una soluzione integrata

Elezione di un Master

Pag. 40 MageDay 2013 - Reggio Emilia 08/11/2013

- Consente URL più flessibili

- Prestazioni pessime quando il master non sa rispondere

Risponde sempre Magento (o TYPO3) e se non sa rispondere inoltra la richiesta a TYPO3 (o Magento)

Page 41: MageDay 2013 - Magento e TYPO3: una soluzione integrata

Soluzione paritetica

Pag. 41 MageDay 2013 - Reggio Emilia 08/11/2013

- Non soffre di problemi di prestazioni

- Vincola una porzione della URL

(ad es. http://www.aw-lab.com/shop/marche/adidas/pantalone-adidas-originals-street-diver-tt-9299058 )

TYPO3 (o Magento) installato come sottocartella

Page 42: MageDay 2013 - Magento e TYPO3: una soluzione integrata

Does it work?

08/11/2013 Pag. 42 MageDay 2013 - Reggio Emilia

Page 43: MageDay 2013 - Magento e TYPO3: una soluzione integrata

08/11/2013 Pag. 43 MageDay 2013 - Reggio Emilia

Page 44: MageDay 2013 - Magento e TYPO3: una soluzione integrata

08/11/2013 Pag. 44 MageDay 2013 - Reggio Emilia

Page 45: MageDay 2013 - Magento e TYPO3: una soluzione integrata

08/11/2013 Pag. 45 MageDay 2013 - Reggio Emilia

Page 46: MageDay 2013 - Magento e TYPO3: una soluzione integrata

MageDay 2013 - Reggio Emilia 08/11/2013 Pag. 46

Page 47: MageDay 2013 - Magento e TYPO3: una soluzione integrata

MageDay 2013 - Reggio Emilia Pag. 47 08/11/2013

Page 48: MageDay 2013 - Magento e TYPO3: una soluzione integrata

MageDay 2013 - Reggio Emilia 08/11/2013 Pag. 48

Page 49: MageDay 2013 - Magento e TYPO3: una soluzione integrata

MageDay 2013 - Reggio Emilia Pag. 49 08/11/2013

Page 50: MageDay 2013 - Magento e TYPO3: una soluzione integrata

This is the end…

08/11/2013 Pag. 50 MageDay 2013 - Reggio Emilia

Page 51: MageDay 2013 - Magento e TYPO3: una soluzione integrata

Q & A (and suggestions, of course!)

Pag. 51 MageDay 2013 - Reggio Emilia

[email protected]

http://it.linkedin.com/in/maurolorenzutti

https://twitter.com/MauroLorenzutti

http://www.slideshare.net/mauro.lorenzutti

08/11/2013