Embedding your Web Stories on Shopify

Kylie

You’ve gathered all of your video content and now it’s time to embed your Web Stories onto your Shopify website. Let’s get started! 

Step 1. Select your layout 

After clicking the pink Embed Channel button you’ll see this screen and be prompted to select which layout you would like to embed on your website. For this example we will be embedding a carousel. 

Layout for Firework Web Stories

Step 2. Copy HTML code 

After selecting your layout you will see different options for embedding your code. Select HTML and then select the Copy Code button. For each layout you select you will need to copy a new code and repeat this process. 

Code options for embedding Web Stories

Step 3. Add a Custom HTML section to your Shopify 

Head to your Shopify website and add a new section. Then select Custom Content, Add Content, then scroll down and select Custom HTML. 

Step 4. Paste HTML code from Step 2

After selecting Custom HTML a blank HTML box will appear. Paste in your code from Step 2 and change the container width to 100%. 

Step 5. Success! 

Congrats, you have successfully embedded your Web Stories onto your Shopify website. Be sure to save your progress in the upper right corner! 

ウェブストーリー プラットフォーム「Firework」。代理店向けパートナー・プログラムを開始
Rui Iwata
ショート動画のFirework×動画制作/ウェブ制作/SEOなどで価値を共創   ウェブストーリー プラットフォーム「Firework(ファイヤーワーク)」を提供するLoop Now Technologies(本社:米シリコンバレー、CEO:Vincent Yang)は、動画制作やウェブサイト制作、SEOコンサルティングなどを事業とするパートナーとの共創により、クライアントへより高い価値提供を目指すための、パートナー・プログラムを開始しました。またこの度は、Fireworkアンバサダーとしても参画するBGM株式会社とパートナー契約を締結しています。今後も様々なパートナーとの提携・発表を予定しています。   ■Firework パートナー・プログラムとは?   -パートナー プログラムの目的 本プログラムでは、当社Loop Now…
What is a Web Story?
Brian
We’ve all been there. Pulling out our phone for a quick break before suddenly realizing…
ウェブストーリーによってオープンウェブの変革を加速するアンバサダー・プログラムを始動
Rui Iwata
第1弾はShopify、EC-CUBE、Webコンテンツの専門家3名が参画   ウェブストーリー プラットフォーム「Firework(ファイヤーワーク)」を提供するLoop Now Technologies(本社:米シリコンバレー、CEO:Vincent Yang)は、動画ファーストのウェブサイトの普及によってオープンウェブの変革を加速するため、アンバサダー・プログラムの立ち上げを発表しました。第1弾では、Shopify教育パートナーの三浦卓也氏、EC-CUBEプラチナパートナーである株式会社RefineのCEO 大塚和男氏、集客に強い「本物のコンテンツ」を提供するBGM株式会社の代表取締役 市耒晃次氏が就任しました。   ■Firework アンバサダー・プログラムとは?   -アンバサダー プログラムの目的 …
How to grow your Shopify store with Web Stories
Kylie
Our Shopify app is officially live! It’s never been easier to add shoppable video stories…
【4月28日開催】Firework Japan Webinar Vol.2:ShopifyとFireworkで即日できる動画コマース ワークショップ
Rui Iwata
ウェビナータイトル:Firework Japan Webinar Vol.2:ShopifyとFireworkで即日できる動画コマース ワークショップ 本ウェビナーは、主にShopifyをご利用のお客さまが当日のうちに「動画コマースサイト」を作成するワークショップ形式で実施します。また本ワークショップにおける内容は、主に中小規模の事業者様に最適化したものになっております。 *Shopifyをお使いでない方でもご登録いただけますが、当日はShopifyを見本に利用いたしますので事前にご了承ください。     第1部:「自分でできる」見られるショート動画の作り方 SNSでの集客からウェブサイト内まで、動画を活用するための情報設計の考え方をはじめ、実際の商品を使った撮影方法をお伝えします。   講師:長田 幸洋氏(株式会社SNSコーチ 代表)…
Subscribe to our Blog