# 予約ウィジェット設定

**URL:** <https://community.shopify.com/t/topic/272707>\
**Category:** 技術的なQ＆A\
**Tags:** javascript, css, html\
**Created:** [November 29, 2023, 3:13am UTC](https://community.shopify.com/t/topic/272707 "2023-11-29T03:13:54Z")\
**Posts on this page:** 3\
**Page:** 1

## AI-generated summary

ウェブページにTORETAの予約ウィジェットを追加する方法についての質問です。

**質問内容:**
- ShopifyテーマにTORETAから発行されたコードを設定したい
- 質問者はHTML/CSSは理解できるが、Shopifyでの具体的な設定方法が不明

**提案された解決策:**
- テーマエディタの「Custom Liquid」セクションにコードを全て入れる方法が提案されました
- 設置場所や詳細はTORETAのドキュメントやShopifyへの導入事例を確認する必要がある
- より確実な方法として、TORETAサービスのサポートに直接問い合わせることが推奨されました

**現状:**
質問者は提案を受けて早速試してみる意向を示しており、ディスカッションは進行中です。

<div class="post-metadata">

**Author:** ![otsubo](https://avatars.discourse-cdn.com/v4/letter/o/8baadc/32.png) [@otsubo](https://community.shopify.com/u/otsubo)\
**Post date:** [November 29, 2023, 3:13am UTC](https://community.shopify.com/t/topic/272707/1 "2023-11-29T03:13:54Z")

</div>

WebページにTORETAのウェブ予約ウィジェット(下記)

を追加したいと思っております。

 ![スクリーンショット (17).png](https://canada1.discourse-cdn.com/shopifyforum/original/4X/5/5/4/55488a7c68d1de22729cd4b8512d3ed383af5404.png)

追加する為にはTORETAで発行させれたコードを設定しないと

いけませんがshopifyのどこに設定してよいのかご教授頂けますでしょうか？

僕自身はHTML、CSSは理解できます。

またshopifyのテーマはCraftを使用しています。

 ![スクリーンショット (18).png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/8/6/86126ecce742ce0e1ae514e1559d19ed30afd76e.png)

---

<div class="post-metadata">

**Author:** ![Jizo\_Inagaki](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/jizo_inagaki/32/149480_2.png) [@Jizo\_Inagaki](https://community.shopify.com/u/Jizo_Inagaki)\
**Post date:** [December 2, 2023, 7:37am UTC](https://community.shopify.com/t/topic/272707/2 "2023-12-02T07:37:32Z")

</div>

該当のサービスに関する知見がないので根拠はありませんが、とりあえずテーマエディタのCustom Liquidセクションの中に全部入れてしまえば良いかなと思います。

Custom Liquidセクションを設置するページや箇所に関しましては、該当サービスのドキュメントや表示させたいページなどからご自身で判断ください。

以上ですが、こういった場合はまず該当サービスのドキュメントを読みサポートに質問することをお勧めします。

可能性は低いかもしれませんがShopifyストアへの導入事例を把握している、あるいは調べる手がかりを得られるかもしれませんので。

---

<div class="post-metadata">

**Author:** ![otsubo](https://avatars.discourse-cdn.com/v4/letter/o/8baadc/32.png) [@otsubo](https://community.shopify.com/u/otsubo)\
**Post date:** [December 3, 2023, 1:51am UTC](https://community.shopify.com/t/topic/272707/3 "2023-12-03T01:51:14Z")

</div>

ご回答頂きありがとうございました。

早速やってみたいと思います。
