MauticとWordPressを連携させてできること

by NExT-Season

Slide 1

Slide 1 text

MauticͱWordPressΛ ࿈ܞͤͯ͞Ͱ͖Δ͜ͱ WP ZoomUP #22  2019.07.30

Slide 2

Slide 2 text

Steps Who am I

Slide 3

Slide 3 text

Atsushi Ando  ͋ΜͲ͏͋ͭ͠ DTP/web Design Engineer ArtDirector /Photograph twitter : @Next_Season github : AtsushiA web : next-season.net Solutions Architect - Associate

Slide 4

Slide 4 text

Recent works Keynote MODX Concrete5 WordPress AWS XD Photography PhotoShop Illustrator

Slide 5

Slide 5 text

#SVTI6( "EPCF9%6(,PCF 4IJGUFSNFFUVQ,PCF  +"846(,PCF $.4େࡕՆࡇΓ .0%9ͷ೔ DPODSFUFΤόϯδΣϦετ Kobe Community  &etc…

Slide 6

Slide 6 text

2018

Slide 7

Slide 7 text

Let’s Try

Slide 8

Slide 8 text

Steps 1.͖ͪΜͱಈ͍͍ͯΔWordPress&MauticΛ༻ҙ͢Δ 2.Plugin : WP MauticΛΠϯετʔϧˍ༗ޮԽ 3.WP MauticͷॳظઃఆΛߦ͏ 4.৮ͬͯΈΑ͏ʙϋϯζΦϯ

Slide 9

Slide 9 text

Step1 ͖ͪΜͱಈ͍͍ͯΔ WordPress&MauticΛ༻ҙ͢Δ

Slide 10

Slide 10 text

Step 2-1 WordPress : WP MauticϓϥάΠϯΛΠϯετʔϧˍ༗ޮԽ

Slide 11

Slide 11 text

Step 3 ϓϥάΠϯઃఆɿઃఆˠWPMauticʹͯผ్ηοτΞοϓ͠ ͨMauticͷURLΛઃఆ͢Δ

Slide 12

Slide 12 text

WordPress΁Mauticͷίϯςϯπ͸γϣʔτίʔυͰૠೖ ϑΥʔϜ  [mautic type="form" id=“1”] ϑΥʔΧεΞΠςϜ  [mautic type="focus" id=“1”] μΠφϛοΫίϯςϯπ  [mautic type="content" slot="slot_name"]Default content to display in case of error or unknown contact.[/mautic] https://github.com/mautic/mautic-wordpress Step 4

Slide 13

Slide 13 text

Memo ϝʔϧΞυϨε͕औಘͰ͖ͳ͍ͱ࢝·Βͳ͍ ϝʔϧΞυϨε͕ඥ͍͍ͮͯͳ͍࣌͸Contactͷ  ”anonymous”Ϣʔβʔͱͯ͠ϖʔδભҠ͸ه࿥͞ΕΔ

Slide 14

Slide 14 text

Memo Ϣʔβ͕ϑΥʔϜʹೖྗ͠ϝʔϧΞυϨε͕ඥͮ͘ͱ  աڈͷϖʔδભҠ΋ඥ͖ͮ·͢ɻ

Slide 15

Slide 15 text

Step 4 https://www.mautic.org/docs/en/forms/index.html ίϯϙʔωϯτˠϑΥʔϜ Λબ୒͠ +৽ن ͔ΒϑΥʔϜΛ࡞੒ ϑ Ỽ ʔ Ϝ ͷ ࡞ ੒

Slide 16

Slide 16 text

Step 4 ϝʔϧΞυϨεΛಘΔͨΊʹɺForcus ItemΛ࢖༻͢Δͱ αΠτʹϙοϓΞοϓͰϑΥʔϜΛઃஔ͢Δ͜ͱ΋Մೳ https://www.mautic.org/docs/en/focus/index.html ϑ Ỽ ʔ Ϝ ͷ ࡞ ੒

Slide 17

Slide 17 text

Step 4 ࡞੒͞ΕͨMauricͷϑΥʔϜͷIDΛ߇͓͑ͯ͘ ϑ Ỽ ʔ Ϝ ͷ ຒ ࠐ on Mautic

Slide 18

Slide 18 text

Step 4 WordPressฤूը໘ͰγϣʔτίʔυϒϩοΫΛૠೖ͠ ઌʹMauticͰ࡞੒ͯ͠ϑΥʔϜͷIDΛೖྗ͢Δ ϑ Ỽ ʔ Ϝ ͷ ຒ ࠐ on WordPress

Slide 19

Slide 19 text

Step 4 هࣄͷதʹMauticͷϑΥʔϜ͕ݺͼग़͞Ε·͢ ϑ Ỽ ʔ Ϝ ͷ ຒ ࠐ on WordPress

Slide 20

Slide 20 text

Step 4 ϝʔϧͦૹ৴͢ΔͨΊʹηάϝϯτΛ࡞੒ Ұ൪؆୯ʹϝʔϧΛ഑৴Ͱ͖Δ”ηάϝϯτϝʔϧ”Ͱ  ૹ৴ͷର৅͕ηάϝϯτ୯ҐͱͳΔͨΊ η ά ϝ ϯ τ ϝ ʔ ϧ ͷ ࡞ ੒

Slide 21

Slide 21 text

Step 4 ૹ৴͍ͨ͠ContactͷηάϝϯτΛมߋ͢Δ η ά ϝ ϯ τ ϝ ʔ ϧ ͷ ࡞ ੒ https://www.mautic.org/docs/en/contacts/manage_segments.html

Slide 22

Slide 22 text

Step 4 ͋Β͔͡ΊϑΥʔϜͷΞΫγϣϯ΍ΩϟϯϖʔϯͷΞΫγϣ ϯͱͯ͠ಛఆͷηάϝϯτ΁ͷ௥Ճɺ࡟আ͕ՄೳͰ͢ η ά ϝ ϯ τ ϝ ʔ ϧ ͷ ࡞ ੒

Slide 23

Slide 23 text

Step 4 νϟϯωϧˠϝʔϧ͔Β৽نηάϝϯτϝʔϧΛબ୒ η ά ϝ ϯ τ ϝ ʔ ϧ ͷ ࡞ ੒

Slide 24

Slide 24 text

Step 4 ϝʔϧςϯϓϨʔτ͔ΒΛબ୒͠ϝʔϧΛ࡞੒ η ά ϝ ϯ τ ϝ ʔ ϧ ͷ ࡞ ੒

Slide 25

Slide 25 text

Step 4 ૹ৴͸ηάϝϯτʹରͯ͠ߦΘΕ·͢ɻ η ά ϝ ϯ τ ϝ ʔ ϧ ͷ ࡞ ੒

Slide 26

Slide 26 text

Step 4 ϝʔϧ࡞੒͕׬ྃͨ͠Β֬ೝ༻ͷ[αϯϓϧΛૹ৴]͠ ໰୊ͳ͚Ε͹[ૹ৴]Ͱର৅ͷηάϝϯτʹϝʔϧΛૹ৴ η ά ϝ ϯ τ ϝ ʔ ϧ ͷ ࡞ ੒

Slide 27

Slide 27 text

Memo ϝʔϧૹ৴͸εύϜϝʔϧѻ͍ʹͳͬͯ͠· ͏͜ͱΛආ͚ΔͨΊʹPHPϝʔϧΛ࢖Θͣʹ  Sendgrid, Sendmail & Amazon SESͳͲΛ࢖͏

Slide 28

Slide 28 text

Memo ͜͜·Ͱશ͘Automationײ͕શ͘ͳ͍Ͱ͕͢ΩϟϯϖʔϯΛ  ૊Έཱͯͯɺηάϝϯτ΍ϙΠϯτΛ࢖͏͜ͱͰ XXΛͨ͠ΒϝʔϧΛૹ৴΍ɺXXϙΠϯτҎ্ͷίϯλΫτʹ ϝʔϧૹ৴ͱ͍ͬͨAutomationΛߦ͏͜ͱ͕ՄೳʹͳΓ·͢ɻ https://www.mautic.org/docs/en/campaigns/index.html

Slide 29

Slide 29 text

Memo ϝΠϯαΠτPV+MauticͷόοΫ άϥ΢ϯυͷॲཧ͕ൃੜ͢ΔͷͰ αʔόબఆ͸৻ॏʹ

Slide 30

Slide 30 text

Memo Mauticͷ຋༁͸  https://www.transifex.com/mautic/mautic/

Slide 31

Slide 31 text

Memo ࠷৽൛ͷ຋༁ͷద༻͸  https://concrete5.co.jp/blog/mautic- pull-translation