FROM CACHE - jp_header
このコミュニティはピアツーピアサポートに移行しました。Shopify サポートは今後、このコミュニティへのサービスを提供いたしません。これからもぜひ、他のマーチャントやパートナーとつながり、サポートし合い、経験を共有してください。 当社の行動規範に違反する行動や削除を希望するコンテンツがありましたら、引き続きご報告ください

ワードプレスで作成したボタンを購入ボタンに適用する方法

解決済

ワードプレスで作成したボタンを購入ボタンに適用する方法

yuu3
訪問者
1 0 0

ワードプレスでLPを作成しショピファイの購入画面(住所入力画面)に移行するようにしたいです。

その際の購入ボタンで作成したデザインだと微妙なのでワードプレスで作成したデザインボタンにしたいです。

他社様サイトですがイメージはこのような購入ボタン→購入画面に遷移したいです。

 

1 件の受理された解決策

株式会社フルバランス
Shopify Partner
1627 577 752

成功

Yuu3様

 

ご質問を確認いたしました。

ワードプレスで作成されたボタンがどのようなデザイン、作成方法なのかにもよりますが、

「購入ボタン」のデザインはcssで自由に調整可能です。

 

いただいたサイトはボタン部分に画像を登録していましたので、下記のような形でhtmlを書いていただければ良いかと存じます。

 

<a href="ここに購入ボタンのurlを入力">
  <img src="ここにボタン画像のurlを入力" alt="購入ボタン">
</a>

 

■参考

購入ボタンのカスタマイズ

https://transcosmos-ecx.jp/blog/shopify/84

 

ボタンの作成方法

https://style.potepan.com/articles/22374.html

 

様々なボタンデザイン

https://jajaaan.co.jp/css/button/

 

ご参考までに。

フルバランス 園畑

株式会社フルバランス
Shopify専門のEC成長支援会社です。ストアの新規構築から運用や改善のサポートなどShopifyに関する幅広いサービスを行なっております。
ECの技術・実務・成長、お悩みのことがあれば、お気軽にご相談ください。
『つくる人、売る人の成長と成功を最大化する。』 株式会社フルバランス

元の投稿で解決策を見る

1件の返信1

株式会社フルバランス
Shopify Partner
1627 577 752

成功

Yuu3様

 

ご質問を確認いたしました。

ワードプレスで作成されたボタンがどのようなデザイン、作成方法なのかにもよりますが、

「購入ボタン」のデザインはcssで自由に調整可能です。

 

いただいたサイトはボタン部分に画像を登録していましたので、下記のような形でhtmlを書いていただければ良いかと存じます。

 

<a href="ここに購入ボタンのurlを入力">
  <img src="ここにボタン画像のurlを入力" alt="購入ボタン">
</a>

 

■参考

購入ボタンのカスタマイズ

https://transcosmos-ecx.jp/blog/shopify/84

 

ボタンの作成方法

https://style.potepan.com/articles/22374.html

 

様々なボタンデザイン

https://jajaaan.co.jp/css/button/

 

ご参考までに。

フルバランス 園畑

株式会社フルバランス
Shopify専門のEC成長支援会社です。ストアの新規構築から運用や改善のサポートなどShopifyに関する幅広いサービスを行なっております。
ECの技術・実務・成長、お悩みのことがあれば、お気軽にご相談ください。
『つくる人、売る人の成長と成功を最大化する。』 株式会社フルバランス