【Shopify】メルマガ登録完了画面のカスタマイズ方法

ECサイト

EC担当の齊藤です。

今日はShopifyのメルマガ登録完了画面のカスタマイズについて解説します。

結論からお伝えすると、編集画面からのカスタマイズできないので
カスタムCSSを追記して変更しました。

今回のカスタム内容は以下の3点です。
①ストアロゴをなくす(ヘッダーのストアロゴと被ってしまって不要)
②「購読を解除する」ボタンを目立たせる
③上下の余白を広げる

編集前の画面見本

Google のデベロッパーツール(開発ツール)を活用してそれぞれのclassを見つけます。
(デベロッパーツールの使い方はこちらの記事が詳しいです:https://willcloud.jp/knowhow/dev-tools-01/)

今回のストアで利用しているテーマは“Shoecase”でした。

①ストアロゴのclassは.shopify-email-marketing-confirmation__container だったので

.shopify-email-marketing-confirmation__container h1 {
display: none;
}

こちらでロゴの非表示をしています。

②「購読を解除するボタン」を目立たせる

.shopify-email-marketing-confirmation__container a {
カラーの指定やボタンの仕様の指定をする
}

③上下の余白を広げる

.shopify-email-marketing-confirmation__container{
margin : 好きな値 auto ;
}

こちらをカスタムcssに追記してカスタム完了です。

ご自身で編集できない場合はカスタムのご依頼承っています。
内容ECサイト制作でお問い合わせください。
ご質問もお気軽にどうぞ;)

お問い合わせフォーム

コメント

  1. Can you be more specific about the content of your article? After reading it, I still have some doubts. Hope you can help me. https://accounts.binance.com/cs/register-person?ref=PORL8W0Z

  2. Your article helped me a lot, is there any more related content? Thanks! https://accounts.binance.com/el/register?ref=OMM3XK51

  3. Thank you for your sharing. I am worried that I lack creative ideas. It is your article that makes me full of hope. Thank you. But, I have a question, can you help me? https://accounts.binance.com/cs/register-person?ref=P9L9FQKY

  4. I don’t think the title of your article matches the content lol. Just kidding, mainly because I had some doubts after reading the article. https://www.binance.com/zh-CN/join?ref=B4EPR6J0

  5. Prijava より:

    Your article helped me a lot, is there any more related content? Thanks! https://www.binance.info/sl/join?ref=FIHEGIZ8

  6. Thank you for your sharing. I am worried that I lack creative ideas. It is your article that makes me full of hope. Thank you. But, I have a question, can you help me? https://www.binance.info/lv/join?ref=DB40ITMB

  7. binance代碼 より:

    Can you be more specific about the content of your article? After reading it, I still have some doubts. Hope you can help me. https://www.binance.com/zh-TC/register?ref=WTOZ531Y

  8. Greetings! I found your site while looking into ‘emergency pregnancy scan services.’ The content is both reassuring and informative. In need of an ‘emergency pregnancy scan,’ I’m interested in any advice or insights you may have. Thank you in advance!

  9. Hello! Your site caught my eye as I was researching ‘gender scan services near me.’ The information you provide is incredibly helpful. Currently in search of a reliable ‘gender scan near me,’ I would greatly appreciate any insights or recommendations you could share. Thanks in advance!

  10. Inscreva-se より:

    Thank you for your sharing. I am worried that I lack creative ideas. It is your article that makes me full of hope. Thank you. But, I have a question, can you help me? https://www.binance.com/pt-BR/register?ref=JHQQKNKN

  11. Thank you for your sharing. I am worried that I lack creative ideas. It is your article that makes me full of hope. Thank you. But, I have a question, can you help me? https://www.binance.com/uk-UA/join?ref=S5H7X3LP

  12. Thank you for your sharing. I am worried that I lack creative ideas. It is your article that makes me full of hope. Thank you. But, I have a question, can you help me? https://www.binance.com/pt-BR/register?ref=PORL8W0Z

  13. binance より:

    Can you be more specific about the content of your article? After reading it, I still have some doubts. Hope you can help me. https://accounts.binance.com/ka-GE/register?ref=P9L9FQKY

  14. binance註冊 より:

    Your article helped me a lot, is there any more related content? Thanks! https://accounts.binance.com/zh-TC/register-person?ref=PORL8W0Z

  15. binance より:

    Thank you for your sharing. I am worried that I lack creative ideas. It is your article that makes me full of hope. Thank you. But, I have a question, can you help me? https://accounts.binance.com/bn/register-person?ref=V2H9AFPY

  16. I don’t think the title of your article matches the content lol. Just kidding, mainly because I had some doubts after reading the article. https://www.binance.com/id/join?ref=V2H9AFPY

  17. Your point of view caught my eye and was very interesting. Thanks. I have a question for you. https://accounts.binance.com/pt-BR/register-person?ref=S5H7X3LP

  18. Thanks for sharing. I read many of your blog posts, cool, your blog is very good.

  19. binance より:

    I don’t think the title of your article matches the content lol. Just kidding, mainly because I had some doubts after reading the article.

  20. Thank you for your sharing. I am worried that I lack creative ideas. It is your article that makes me full of hope. Thank you. But, I have a question, can you help me?

  21. Thank you for your sharing. I am worried that I lack creative ideas. It is your article that makes me full of hope. Thank you. But, I have a question, can you help me?

タイトルとURLをコピーしました