Shopify Product Optionsアプリ：W3 Custom Product OptionsとVariant Image Penguinの比較< /title>
<h2>目次</h2>
<ol> <li><a href="#introduction">はじめに</a></li>
<li><a href="#howxdoesxw3xcustomxproductxoptionsxwork?">W3 Custom Product Optionsの使い方は？</a></li>
<li><a href="#howxdoesxvariantximagexpenguinxwork?">Variant Image Penguinの使い方は？</a></li>
<li><a href="#howxmuchxdoesxw3xcustomxproductxoptionsxcost?">W3 Custom Product Optionsの料金は？</a></li>
<li><a href="#howxmuchxdoesxvariantximagexpenguinxcost?">Variant Image Penguinの料金は？</a></li>
<li><a href="#costxanalysis:xw3xcustomxproductxoptionsxvs.xvariantximagexpenguin">費用分析：W3 Custom Product Options vs. Variant Image Penguin</a></li>
<li><a href="#userxreviewsx&xcustomerxsupportxinsights">ユーザーレビューとカスタマーサポートのインサイト</a></li>
<li><a href="#integrationxandxcompatibilityxcomparison">統合と互換性の比較</a></li>
<li><a href="#conclusion">まとめ</a></li> </ol>
<h2 id="introduction">はじめに</h2> <p>Shopifyは、全世界で170万以上のショップが利用する、現代のECサイトの基盤となっており、中小企業から大企業まであらゆる規模のビジネスがオンラインで販売するためのアクセス可能なプラットフォームを提供しています。この広範なマーケットにおいて、カスタマイズ可能な商品オプションを提供する能力は重要視されています。商品オプションに特化したShopifyアプリは、顧客体験を向上させるために個別の選択肢を提供し、個別の好みとニーズに対応します。そして、この変革的なツールの中でも、W3 Custom Product OptionsとVariant Image Penguinは目立っています。これらのアプリは、製品をカスタマイズするプロセスに流動性と精緻さをもたらし、販売だけでなく、顧客を引き付け興奮させることができます。これらのアプリがオンラインショッピング体験をどのように変えるのかを探求してみましょう。それぞれの機能、統合の容易さ、および顧客満足度に焦点を当てて。 </p>
<h2 id="howxdoesxw3xcustomxproductxoptionsxwork?">W3 Custom Product Optionsの使い方は？</h2> <p>W3 Custom Product Optionsは、商品のカスタマイズの可能性を広げる多目的なアプリです。これにより、ショッパーは選択したオプションに基づいて商品のライブ変更をプレビューすることができます。主な機能には、以下が含まれます：-アドオン価格設定：追加料金オプションや複雑な価格体系が可能です。-前の選択に基づいて利用可能なオプションを適応する条件付きロジック-イメージのカスタマイズ：顧客が設定のビジュアル表現を見ることができます。これらの機能は、よりダイナミックでインタラクティブなショッピング体験を提供したい、どんな規模のビジネスでも特に重要です。スタートアップ企業から大企業まで、リアルタイムで商品のバリエーションを表示する能力は、顧客のエンゲージメントと満足度を大幅に向上させることができます。W3 Custom Product Optionsの使用により、標準的な商品ページをインタラクティブなデザインスタジオに変えることができ、知覚される価値とコンバージョン率の向上につながる可能性があります。 </p>
<h2 id="howxdoesxvariantximagexpenguinxwork?">Variant Image Penguinの使い方は？</h2> <p>Variant Image Penguinは、画像管理を簡素化することにより、商品のカスタマイズの課題に取り組んでいます。このアプリは、選択した商品バリアントの画像だけを表示し、わかりやすく直感的なショッピング体験を提供します。特筆すべき機能には、次のものがあります：-1つの商品バリアントに複数の画像を割り当てることができるが、製品ページが混乱することはありません。-選択したオプションに顧客の注意を集中させるクリーンなデザイン-ドラッグアンドドロップ機能による画像の割り当ての簡単さ製品カタログが広範囲であるか、さまざまなバリアントで商品が提供されている場合、Variant Image Penguinはオプションの簡潔でわかりやすい表示に結びつく明確な方法を提供します。スタートアップ企業は提供されるシンプルさの利点を享受し、中小企業や大企業は顧客エクスペリエンスを損なうことなく大規模な在庫をより管理することができます。 </p>
<h2 id="howxmuchxdoesxw3xcustomxproductxoptionsxcost?">W3 Custom Product Optionsの料金は？</h2> <p>商品オプションのソリューションを探す旅では、費用効率が重要です。 W3 Custom Product Optionsには2つの価格プランがあります：-クラシックプラン：月額$8.99で、無制限のオプション、追加料金オプション、条件付きロジックが含まれます。予算をオーバーすることなく、カスタマイズニーズを総合的にサポートするビジネスに適しています。 - Proプラン：月額$18.99で、Classicプランのすべてに加えて、イメージカスタマイザー、イメージピッカーオプション、幅×高さの計算が追加されます。このプランは、高度なビジュアルカスタマイズツールが必要な確立されたビジネスに最適です。これらのプランには追加の費用や手数料はかかりませんので、コストを抑えながら機能を最大限に活用したいビジネスにとって魅力的なオプションです。 </p>
<h2 id="howxmuchxdoesxvariantximagexpenguinxcost?">Variant Image Penguinの料金は？</h2> <p>Variant Image Penguinは、さまざまな店舗の規模に合わせた3つの価格オプションを提供しています：-20商品まで：月額$4.99で、少数商品の範囲を効果的に表示できます。-250商品まで：月額$9.99で、中規模店舗向けのバランスの取れたコストと機能を提供します。-250商品以上：月額$19.99で、無制限の商品を持つ大規模店舗は広範な商品画像を簡単に管理することができます。これらの価格オプションにより、ビジネスは必要なもののみを支払い、経営規模に応じた費用を適切に調整することができます。 </p>
<h2 id="costxanalysis:xw3xcustomxproductxoptionsxvs.xvariantximagexpenguin">費用分析：W3 Custom Product Options vs. Variant Image Penguin </h2> <p>W3 Custom Product OptionsとVariant Image Penguinの価格戦略を比較すると、両方のアプリが商品カスタマイズの異なる側面に対応していることがわかります。W3 Custom Product Optionsは、視覚的なサポートを備えたより洗練されたカスタマイズツールを提供し、Variant Image Penguinは、製品表示に特化した画像管理に取り組んでいます。各価格ポイントでの価値提供は、アプリの主要機能とターゲット市場を反映しており、両方のアプリはフィット感を評価するためのトライアル期間を提供しています。 </p>
<h2 id="userxreviewsx&xcustomerxsupportxinsights">ユーザーレビューとカスタマーサポートのインサイト </h2> <p></p>
<h3>W3 Custom Product Optionsは良いですか？</h3>
<p>297件のレビューで4.8つ星の評価を受けているW3 Custom Product Optionsは、ユーザーから好評です。このフィードバックからは、ユーザーがアプリの堅牢な機能セットと製品カスタマイズの視覚化能力を高く評価していることが示唆されます。利用可能なデータには具体的なカスタマーサポートの言及はありませんでしたが、高評価は提供されるサポートに対するユーザーの満足度を意味している可能性があります。 </p>
<h3>Variant Image Penguinは良いですか？</h3>
<p>118件のレビューで4.5つ星の評価を受けているVariant Image Penguinも好意的な意見を得ています。ユーザーはおそらく、商品画像のバリアントを簡素化するアプリの集中的なアプローチを評価しているため、ショッピング体験がクラッターなく効率的になることでしょう。W3と同様に、この評価は、カスタマーサポートの品質に対するユーザーの満足度を示しているものの、具体的なデータは不明です。 </p>
<h3>ユーザーの好み：W3 Custom Product OptionsまたはVariant Image Penguin？</h3>
<p>両方のアプリが高い評価を受けていますが、わずかに高い評価と多数のレビューを持つW3 Custom Product Optionsがより好まれているようです。これは、W3のより広範なカスタマイズ機能に起因するかもしれませんが、商品オプションの領域内でそれぞれのアプリの独自の目的を考慮する必要があります。 </p>
<h2 id="integrationxandxcompatibilityxcomparison">統合と互換性の比較 </h2> <p></p>
<h3>W3 Custom Product Optionsの統合：</h3>
<p>W3 Custom Product Optionsは他のソフトウェアやツールとの統合をリストしていませんが、スタンドアロンの機能を持っている可能性があります。Shopifyのコンテキストでは、これはShopifyエコシステム内でシームレスに機能するように設計されているため、店舗オーナーにとってセットアッププロセスを簡単にするかもしれません。 </p>
<h3>Variant Image Penguinの統合：</h3>
<p>W3と同様に、Variant Image Penguinも特定の統合を宣伝していません。製品画像表示の最適化に特化しているため、Shopifyとの互換性に細心の注意を払って調整されている可能性があります。 </p>
<p></p>
<h2 id="conclusion">まとめ </h2> <p>W3 Custom Product OptionsとVariant Image Penguinの間で、Shopifyの店舗オーナーは2つの強力なツールにアクセスできます。W3 Custom Product Optionsは、商品オプションのダイナミックなカスタマイズと視覚化に優れており、Variant Image Penguinは製品バリアントに関連する画像の整理に簡素なソリューションを提供します。ユーザーレビューはW3にわずかに好意的であり、これは広範なカスタマイズ機能に起因する可能性があります。両方のアプリは、独自の方法で商売をする企業に役立ちます。W3 Custom Product Optionsは、包括的なカスタマイズと即座の視覚フィードバックを必要とするビジネスに合います。一方、Variant Image Penguinは顧客を圧倒することなく製品を明確に表示したいという優先順位を持つ企業にアピールします。最終的に、選択はShopifyストアのオーナーの具体的なニーズと目標に依存します。両方のアプリは、考えられた効果的な商品カスタマイズによってオンラインショッピング体験を再定義する過程で役立つ役割を果たしています。</p>
<hr>
<h1 id="stillsearchingfortherightfit">まだ最適なものをお探しですか？</h1>
<p>究極のShopifyアプリオプションを見つけるのは大変なことです。店舗オーナーとして、ショッピング体験を簡素化し、顧客にスムーズでカスタマイズ可能な購入プロセスを提供することが目標です。それが、Hulk Product Optionsアプリが登場する場面です。このアプリは、多様なニーズに対応するために精密に作成されたソリューションであり、柔軟性を備えています。</p>
<h2 id="keyfeaturesofhulkproductoptions">Hulk Product Optionsの主な特徴</h2>
<ul>
<li>
<strong>包括的なカスタマイズ</strong>：Hulk Product Optionsアプリは、製品のカスタマイズだけでなく、フィルターやバンドラとしての役割も果たし、競争力のあるアプローチを可能にします。</li>
<li>
<strong>画像のアップロードによる個人化</strong>：お客様が画像をアップロードして本当に個人的な商品を作れるようにします。</li>
<li>
<strong>簡単な一括適用</strong>：数千の商品にカスタムオプションを一度に適用して、時間を効率的に管理します。</li>
<li>
<strong>ショッピング体験の向上</strong>：写真やカラースワッチなどのビジュアル要素を提供することで、製品選択をよりインタラクティブで満足のいくものにします。</li>
<li>
<strong>チェックアウトの最適化</strong>：Shopifyの「今すぐ購入」やShop Payのエクスプレスチェックアウトボタンと完全に互換性があり、購入までの経路を短縮します。</li>
</ul>
<h2 id="whywerecommendhulkproductoptionsapp">なぜHulk Product Optionsアプリをおすすめするのか</h2>
<p>Hulk Product Optionsアプリをおすすめする理由は、常にカスタマイズの課題に立ち向かうからです。小さなブティック店または大規模なeコマース企業を運営していても、当社のアプリの柔軟性とユーザーセントリックなデザインにより、お客様の独自の好みや欲望に合わせた製品を提供することができます。</p>
<h2 id="pricingstructureataglance">価格設定</h2>
<ul>
<li>
<strong>Basicプラン</strong>：月額$10で、カラー/イメージスワッチやファイルのアップロードなど12のオプションタイプを利用できます。</li>
<li>
<strong>Advancedプラン</strong>：月額$20のティアで、20のオプションタイプと、条件ロジックやカートでの編集オプションなどの追加機能が利用できます。</li>
<li>
<strong>Enterpriseプラン</strong>：月額$49.90で、在庫管理やGoogleフォントピッカーなどのプレミアムツールを含むフル機能の体験を提供します。</li>
<li>
<strong>DEVELOPMENTプラン</strong>：パートナーの開発ストアに対しては、すべてのアプリ機能をテストするために完全に無料。</li>
</ul>
<h2 id="merchantfeedbacksupport">マーチャントフィードバックとサポート</h2>
<p>Hulk Product Optionsアプリは、1682件のレビューで4.7つ星の高い満足度評価を誇っています。店舗のオーナーは、インストールの容易さ、効率的な在庫管理、およびサポートチームの支援により満足度が高いと評価しています。サポートチームは迅速に問い合わせに対応し、積極性を持って解決策を提供します。</p>
<h2 id="findyourperfectmatchwithhulkproductoptions">Hulk Product Optionsで自分に合ったものを見つけよう</h2>
<p>ビジネスの一意なニーズを理解し、一緒に成長するアプリをお探しですか？もう探す必要はありません。Hulk Product Optionsは単なるアプリ以上で、eコマースの旅におけるあなたのパートナーです。お客様にパーソナライズの力を与える準備はできていますか？さあ、始めましょう。</p>
<p><a href="https://apps.shopify.com/product-options-by-hulkapps-1">Hulk Product Optionsを今すぐ探索</a></p>
<div id="shopify-block-AZkJXWnNseVpmKzdpO__18306912302550125850" class="shopify-block shopify-app-block"><script>
window.onload = (event) => {
var metafield = String.raw``.replace(/(\r\n|\n|\r)/gm, "");
var txt = document.createElement("textarea");
txt.innerHTML = metafield;
if (metafield && !document.querySelector("script[src*='yoast-active-script.js']")){
metafield = JSON.parse(txt.value);
var opinewJson = {
"@context": "http://schema.org/",
"@type": "Product",
"name": null,
"url": "https:\/\/www.hulkapps.com",
"description": "",
"sku": "",
"brand": {
"@type": "Brand",
"name": null
},"offers": []
}
var el = document.createElement('script');
el.type = 'application/ld+json';
el.text = JSON.stringify(opinewJson);
document.querySelector('body').appendChild(el);
}
};
</script>
</div></body>
</p>
</div>
<div class="d-none col-12 col-lg-3 banner_container banner sticky-top align-self-start d-lg-flex flex-column">
<a
href="https://shopcircle.co/pages/summer-round-up-2025?utm_source=website&utm_medium=hulk-blog&utm_campaign=roundup
"
target="_blank"
rel="noopener">
<img
src="https://cdn.shopify.com/s/files/1/1564/7647/files/Blog_Callout_-_1080x1400_4x_8a9e60a1-436d-4de5-a046-2e34f09e712c.png?v=1752665609"
alt="Summer edition SC"
class="app_banner_image mb-8" style="border-radius: 8px;">
</a>
<a
href="javascript:void(0);"
id="modalBtn1"
class="btn button p-0" data-target="form_modal1">
<img
src="https://cdn.shopify.com/s/files/1/1564/7647/files/product_options_4af8a7e9-c5c3-49d6-9778-8c0b49152375.png?v=1701850405"
alt="App image"
class="app_banner_image">
</a>
</div>
<div class="col-8 mx-auto px-0 d-lg-none">
<a
href="https://shopcircle.co/shopify-apps-tech-stack/?utm_source=hulkapps+website&utm_medium=banner&utm_campaign=compare+blogs"
target="_blank"
rel="noopener">
<img
src="https://cdn.shopify.com/s/files/1/1564/7647/files/Compare_App_Stacks_Edit_3.png?v=1702026223"
alt="App Stack"
class="app_stack_image">
</a>
</div>
</div>
</div>
<div class="row social__sharing--icons border-bottom py-4 mb-4 mb-lg-0">
<div class="col-12">
<h3>Share this article on socials</h3><ul class="list-inline mb-0 py-2 social-sharing">
<li class="list-inline-item ">
<a class="text-white bg-gray-medium"
href="//www.facebook.com/sharer.php?u=https://www.hulkapps.com/ja/blogs/compare/shopifyw3-vs-6" target="_blank"
rel="noopener noreferrer nofollow" title="Share on Facebook">
<i class="ion ion-logo-facebook"></i>
</a>
</li>
<li class="list-inline-item ">
<a class="text-white bg-gray-medium"
href="//twitter.com/share?text=Shopify%E3%81%AE%E5%95%86%E5%93%81%E3%82%AA%E3%83%97%E3%82%B7%E3%83%A7%E3%83%B3%E3%82%A2%E3%83%97%E3%83%AA%EF%BC%9AW3%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%A0%E5%95%86%E5%93%81%E3%82%AA%E3%83%97%E3%82%B7%E3%83%A7%E3%83%B3%20vs.%20%E3%83%90%E3%83%AA%E3%82%A2%E3%83%B3%E3%83%88%E7%94%BB%E5%83%8F%E3%83%9A%E3%83%B3%E3%82%AE%E3%83%B3&url=https://www.hulkapps.com/ja/blogs/compare/shopifyw3-vs-6"
target="_blank" rel="noopener noreferrer nofollow" title="Share on Twitter">
<i class="ion ion-logo-twitter"></i>
</a>
</li>
<li class="list-inline-item">
<a class="text-white bg-gray-medium"
href="//pinterest.com/pin/create/button/?url=https://www.hulkapps.com/ja/blogs/compare/shopifyw3-vs-6&media=//www.hulkapps.com/cdn/shop/articles/W3CustomProductOptionsVariantImagePenguin_1024x1024.jpg?v=1710861066&description=Shopify%E3%81%AE%E5%95%86%E5%93%81%E3%82%AA%E3%83%97%E3%82%B7%E3%83%A7%E3%83%B3%E3%82%A2%E3%83%97%E3%83%AA%EF%BC%9AW3%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%A0%E5%95%86%E5%93%81%E3%82%AA%E3%83%97%E3%82%B7%E3%83%A7%E3%83%B3%20vs.%20%E3%83%90%E3%83%AA%E3%82%A2%E3%83%B3%E3%83%88%E7%94%BB%E5%83%8F%E3%83%9A%E3%83%B3%E3%82%AE%E3%83%B3"
target="_blank" rel="noopener noreferrer nofollow" title="Share on Pinterest">
<i class="ion ion-logo-pinterest"></i>
</a>
</li>
</ul></div>
</div></div>
<div class="col-12 col-lg-3 blog_details_2 sticky-top align-self-start sticky-blog-sidebar" style="display: none; !important">
<div class="sidebar-blog categories-section">
<div id="accordion" class="d-none">
<div class="card border-0 mt-4 categories-articles shadow">
<div class="card-header p-0 font-weight-bold" id="headingOne__categories">
<h5 class="mb-0">
<button
class="btn px-3 d-flex align-items-center justify-content-between w-100 collapsed"
data-toggle="collapse"
data-target="#collapseOne_categories"
aria-expanded="false"
aria-controls="collapseOne_categories">
Categories
<i class="ion ion-ios-arrow-up text-18"></i>
</button>
</h5>
</div>
<div
id="collapseOne_categories"
class="collapse"
aria-labelledby="headingOne__categories"
data-parent="#accordion">
<div class="card-body p-0">
<ul class="list-group list-group-flush mb-0">
</ul>
</div>
</div>
</div>
</div>
<div id="accordion" class="">
<div class="card border-0 mt-4 categories-articles shadow">
<div class="card-header p-0 font-weight-bold" id="headingOne">
<h5 class="mb-0">
<button
class="btn px-3 d-flex align-items-center justify-content-between w-100 collapsed"
data-toggle="collapse"
data-target="#collapseOne"
aria-expanded="false"
aria-controls="collapseOne">
Browse by apps
<i class="ion ion-ios-arrow-up text-18"></i>
</button>
</h5>
</div>
<div
id="collapseOne"
class="collapse"
aria-labelledby="headingOne"
data-parent="#accordion">
<div class="card-body p-0">
<ul class="list-group list-group-flush mb-0">
<li class="list-group-item py-2 px-3">
<a
href="javascript:void(0)"
class="blog-apps text-secondary font-weight-normal"
data-url="/blogs/compare/tagged/product-options"
data-tag="product-options">商品オプション</a>
</li>
<li class="list-group-item py-2 px-3">
<a
href="javascript:void(0)"
class="blog-apps text-secondary font-weight-normal"
data-url="/blogs/compare/tagged/form-builder"
data-tag="form-builder">フォームビルダー</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="card card-recent-articles mt-4 shadow">
<div class="card-header border-bottom py-3">
<h4 class="mb-0">Recent Articles</h4>
</div>
<ul class="list-group list-group-flush mb-0">
<li class="list-group-item">
<div class="media">
<a
href="/ja/blogs/compare/shopify-3d-ar-vr-apuri-angle-3d-configurator-3d-ar-vs-zakeke-customizer-2d-3d"
name="Shopify 3D/AR/VR アプリ：Angle 3D Configurator ‑3D & AR vs Zakeke ‑ Customizer 2D 3D"
title="Shopify 3D/AR/VR アプリ：Angle 3D Configurator ‑3D & AR vs Zakeke ‑ Customizer 2D 3D"
aria-label="Shopify 3D/AR/VR アプリ：Angle 3D Configurator ‑3D & AR vs Zakeke ‑ Customizer 2D 3D">
<img
class="d-flex mr-3"
src="//www.hulkapps.com/cdn/shop/articles/Angle3DConfigurator_3D_ARZakeke_Customizer2D3D_e081c2e7-cbc1-4d41-bfdc-6c70e5a45906_40x40_crop_center.jpg?v=1711761386"
class="img-fluid"
alt="Shopify 3D/AR/VR アプリ：Angle 3D Configurator ‑3D & AR vs Zakeke ‑ Customizer 2D 3D">
</a>
<div class="media-body">
<h6 class="mb-0">
<a
href="/ja/blogs/compare/shopify-3d-ar-vr-apuri-angle-3d-configurator-3d-ar-vs-zakeke-customizer-2d-3d"
class="text-secondary">Shopify 3D/AR/VR アプリ：Angle 3D Configurator ‑3D & AR vs Zakeke ‑ Customizer 2D 3D</a>
</h6>
</div>
</div>
</li>
<li class="list-group-item">
<div class="media">
<a
href="/ja/blogs/compare/shopifypureirantiapuri-zhun-bei-zhong-mamonakugong-kai-vs-mamonakugong-kai-sarerupurerantibiruda"
name="Shopifyプレイランチアプリ：準備中まもなく公開 vs まもなく公開されるプレランチビルダー"
title="Shopifyプレイランチアプリ：準備中まもなく公開 vs まもなく公開されるプレランチビルダー"
aria-label="Shopifyプレイランチアプリ：準備中まもなく公開 vs まもなく公開されるプレランチビルダー">
<img
class="d-flex mr-3"
src="//www.hulkapps.com/cdn/shop/articles/UnderConstructionComingSoonComingSoonPre_LaunchBuilder_40x40_crop_center.jpg?v=1711761021"
class="img-fluid"
alt="Shopifyプレイランチアプリ：準備中まもなく公開 vs まもなく公開されるプレランチビルダー">
</a>
<div class="media-body">
<h6 class="mb-0">
<a
href="/ja/blogs/compare/shopifypureirantiapuri-zhun-bei-zhong-mamonakugong-kai-vs-mamonakugong-kai-sarerupurerantibiruda"
class="text-secondary">Shopifyプレイランチアプリ：準備中まもなく公開 vs まもなく公開されるプレランチビルダー</a>
</h6>
</div>
</div>
</li>
</ul>
</div>
</div><div class="mt-5 text-center pt-12 pb-3 bg-img-article" style="background-image: url(//www.hulkapps.com/cdn/shop/files/Custom_Size_1_1024x1024.jpg?v=1647842730);background-repeat: no-repeat; background-size: cover; background-position: center center;padding: 0 12px;"><h4 class="heading mb-2 text-white">Enjoyed This Article?</h4><p class="text-white">Get our news and insights delivered directly to your inbox.</p><form method="post" action="/ja/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="contact-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
<div class="form-inline d-block pb-3">
<div class="text-center d-block mb-3 mb-lg-0">
<label class="mb-2 text-white text-16">NEWSLETTER</label>
</div>
<div class="d-block mb-3">
<input
type="hidden"
name="customer[accepts_marketing]"
value="true">
<input
type="email"
name="contact[email]"
placeholder="Email Address"
class="form-control-sm form-control h-auto flex-grow-1 rounded-0 py-2 w-100"
id="email">
</div>
<div class="text-center">
<input
type="submit"
class="btn btn-accent text-uppercase btn-sm px-4"
value="Subscribe">
</div>
</div>
</form>
</div></div>
</div>
</div>
</section>
<script>
document.addEventListener('DOMContentLoaded', function() {
setTimeout(function() {
let bannerImages = document.querySelectorAll('.app_banner_image');
bannerImages.forEach(function(bannerImage) {
if (bannerImage.classList.contains('image-zoom')) {
bannerImage.classList.remove('image-zoom');
}
});
}, 1500);
});
</script>
<script>
document.addEventListener('DOMContentLoaded', function() {
let articleContentElements = document.querySelectorAll('.article_content');
articleContentElements.forEach(function(articleContent) {
let olElement = articleContent.querySelector('ol');
if (olElement) {
let newDivElement = document.createElement('div');
newDivElement.className = 'col-8 mx-auto px-0 mb-3 d-lg-none';
let anchorElement = document.createElement('a');
anchorElement.href = '#';
anchorElement.target = '_blank';
let imgElement = document.createElement('img');
imgElement.src = " https://cdn.shopify.com/s/files/1/1564/7647/files/product_options_4af8a7e9-c5c3-49d6-9778-8c0b49152375.png?v=1701850405";
imgElement.alt = 'App image';
imgElement.className = 'app_banner_image my-3';
anchorElement.appendChild(imgElement);
newDivElement.appendChild(anchorElement);
olElement.parentNode.insertBefore(newDivElement, olElement.nextSibling);
}
});
});
</script>
<style>
.rounded-full {
border-radius: 50%;
height: 150px;
width: 150px;
}
.banner {
padding-top: 90px;
}
#modalBtn:hover {
box-shadow: none !important;
}
a:hover {
text-decoration: none;
color: #444;
}
</style>
</div>
<div id="shopify-section-footer" class="shopify-section position-relative shadow"><footer
class="site-footer"
data-block-type="footers"
data-id="1"
>
<section id="prefooter-section" class="section-content brand-logos-section pre-footer fdb-block">
<div class="container d-flex flex-column flex-lg-row justify-content-center align-items-center margin-auto">
<h2 class="text-center col-12 col-lg-4 mb-6 mb-lg-0 text-lg-left" style="color: #444444;">
Explore Our<br>
Brands
</h2>
<div class="col-12 col-lg-8 text-white">
<div class="row">
<div class="col-6 col-md-4 col-lg-2 d-flex justify-content-center align-items-center my-3 logo-item
offset-lg-2 ">
<a
class="prefooter_logo-img d-flex align-items-center"
href="https://wholesalehelper.io"
target="_blank">
<img src="//www.hulkapps.com/cdn/shop/files/Wholesale_logo.svg?v=1740494897&width=150" alt="" srcset="//www.hulkapps.com/cdn/shop/files/Wholesale_logo.svg?v=1740494897&width=150 150w" width="150" height="50" class="prefooter_logo-img">
</a>
</div>
<div class="col-6 col-md-4 col-lg-2 d-flex justify-content-center align-items-center my-3 logo-item
">
<a
class="prefooter_logo-img d-flex align-items-center"
href="https://www.aiden.cx/en"
target="_blank">
<img src="//www.hulkapps.com/cdn/shop/files/Clip_path_group_2.svg?v=1740494896&width=150" alt="" srcset="//www.hulkapps.com/cdn/shop/files/Clip_path_group_2.svg?v=1740494896&width=150 150w" width="150" height="55" class="prefooter_logo-img small_size_logo_image">
</a>
</div>
<div class="col-6 col-md-4 col-lg-2 d-flex justify-content-center align-items-center my-3 logo-item
">
<a
class="prefooter_logo-img d-flex align-items-center"
href="https://506.io/"
target="_blank">
<img src="//www.hulkapps.com/cdn/shop/files/Brand_Logo_5.svg?v=1740494896&width=150" alt="" srcset="//www.hulkapps.com/cdn/shop/files/Brand_Logo_5.svg?v=1740494896&width=150 150w" width="150" height="68" class="prefooter_logo-img small_size_logo_image">
</a>
</div>
<div class="col-6 col-md-4 col-lg-2 d-flex justify-content-center align-items-center my-3 logo-item
">
<a
class="prefooter_logo-img d-flex align-items-center"
href="https://www.codeblackbelt.com/"
target="_blank">
<img src="//www.hulkapps.com/cdn/shop/files/Brand_Logo_4.svg?v=1740494896&width=150" alt="" srcset="//www.hulkapps.com/cdn/shop/files/Brand_Logo_4.svg?v=1740494896&width=150 150w" width="150" height="99" class="prefooter_logo-img">
</a>
</div>
<div class="col-6 col-md-4 col-lg-2 d-flex justify-content-center align-items-center my-3 logo-item
">
<a
class="prefooter_logo-img d-flex align-items-center"
href="https://releas.it"
target="_blank">
<img src="//www.hulkapps.com/cdn/shop/files/Group_4.svg?v=1740494896&width=150" alt="" srcset="//www.hulkapps.com/cdn/shop/files/Group_4.svg?v=1740494896&width=150 150w" width="150" height="32" class="prefooter_logo-img">
</a>
</div><div class="col-12 d-none d-lg-block white-divider"></div>
<div class="col-6 col-md-4 col-lg-2 d-flex justify-content-center align-items-center my-3 logo-item
">
<a
class="prefooter_logo-img d-flex align-items-center"
href="https://www.opinew.com/"
target="_blank">
<img src="//www.hulkapps.com/cdn/shop/files/Brand_Logo_3.svg?v=1740494896&width=150" alt="" srcset="//www.hulkapps.com/cdn/shop/files/Brand_Logo_3.svg?v=1740494896&width=150 150w" width="150" height="40" class="prefooter_logo-img">
</a>
</div>
<div class="col-6 col-md-4 col-lg-2 d-flex justify-content-center align-items-center my-3 logo-item
">
<a
class="prefooter_logo-img d-flex align-items-center"
href="https://shopcircle.co"
target="_blank">
<img src="//www.hulkapps.com/cdn/shop/files/Brand_Logo_2.svg?v=1740494896&width=150" alt="" srcset="//www.hulkapps.com/cdn/shop/files/Brand_Logo_2.svg?v=1740494896&width=150 150w" width="150" height="34" class="prefooter_logo-img">
</a>
</div>
<div class="col-6 col-md-4 col-lg-2 d-flex justify-content-center align-items-center my-3 logo-item
">
<a
class="prefooter_logo-img d-flex align-items-center"
href="https://www.accentuate.io/"
target="_blank">
<img src="//www.hulkapps.com/cdn/shop/files/Clip_path_group_3.svg?v=1740495413&width=150" alt="" srcset="//www.hulkapps.com/cdn/shop/files/Clip_path_group_3.svg?v=1740495413&width=150 150w" width="150" height="28" class="prefooter_logo-img">
</a>
</div>
<div class="col-6 col-md-4 col-lg-2 d-flex justify-content-center align-items-center my-3 logo-item
">
<a
class="prefooter_logo-img d-flex align-items-center"
href="https://www.carthook.com/"
target="_blank">
<img src="//www.hulkapps.com/cdn/shop/files/Brand_Icon_beb68710-fb24-44b3-badb-0bc70b6f53ee.svg?v=1740494896&width=150" alt="" srcset="//www.hulkapps.com/cdn/shop/files/Brand_Icon_beb68710-fb24-44b3-badb-0bc70b6f53ee.svg?v=1740494896&width=150 150w" width="150" height="20" class="prefooter_logo-img">
</a>
</div>
<div class="col-6 col-md-4 col-lg-2 d-flex justify-content-center align-items-center my-3 logo-item
">
<a
class="prefooter_logo-img d-flex align-items-center"
href="https://get.orderprinterpro.com/"
target="_blank">
<img src="//www.hulkapps.com/cdn/shop/files/Forsberg.svg?v=1740564464&width=150" alt="" srcset="//www.hulkapps.com/cdn/shop/files/Forsberg.svg?v=1740564464&width=150 150w" width="150" height="33" class="prefooter_logo-img">
</a>
</div>
<div class="col-6 col-md-4 col-lg-2 d-flex justify-content-center align-items-center my-3 logo-item
">
<a
class="prefooter_logo-img d-flex align-items-center"
href="https://www.skypilotapp.com/"
target="_blank">
<img src="//www.hulkapps.com/cdn/shop/files/Brand_Logo.svg?v=1740494399&width=150" alt="" srcset="//www.hulkapps.com/cdn/shop/files/Brand_Logo.svg?v=1740494399&width=150 150w" width="150" height="42" class="prefooter_logo-img">
</a>
</div>
</div>
</div>
</div>
</section>
<div
class="footer-top"
style="background-color: #ffffff; color: #444444;"
>
<div class="container">
<div class="pt-8 pb-5">
<div class="justify-content-center row">
<div class="col-12 col-xl-3 text-center text-xl-left mb-6 mb-xl-0">
<a href="/"><img
src="//www.hulkapps.com/cdn/shop/files/Hulk_Logo_New_200x.svg?v=1740386263"
alt="HulkApps"
class="mb-3"
style="max-width: 200px"
></a>
<img
src="https://cdn.shopify.com/s/files/1/1564/7647/files/shopify-experts.svg?v=1617091328"
alt="Footer Logo"
class="img-fuild d-block mx-auto mx-xl-0"
>
</div>
<div class="col-12 col-sm-4 col-lg-3 col-xl-2 sec-col text-center text-lg-left mb-3 mb-lg-0"><h4
style="color: #444444;"
class="text-16 text-uppercase mb-3 font-weight-bold"
>
Company
</h4><ul class="list-unstyled"><li class="mb-2 mainLi"><a
href="/ja/pages/hulkapps-68"
target=""
title=" Shopify 会社概要 "
style="color: #444444;"
>会社概要</a>
</li><li class="mb-2 mainLi"><a
href="/ja/pages/hulkapps-64"
target=""
title=" Shopify キャリア "
style="color: #444444;"
>キャリア</a>
</li><li class="mb-2 mainLi"><a
href="/ja/pages/hulkapps-87"
target=""
title=" Shopify お問い合わせ "
style="color: #444444;"
>お問い合わせ</a>
</li><li class="mb-2 mainLi"><a
href="https://support.hulkthemes.com/support/tickets/new"
target="_blank"
title=" Shopify Submit a Ticket "
style="color: #444444;"
>Submit a Ticket</a>
</li></ul></div>
<div class="col-12 col-sm-4 col-lg-3 col-xl-2 third-col text-center text-lg-left mb-3 mb-lg-0"><h4
style="color: #444444;"
class="text-16 text-uppercase mb-3 font-weight-bold"
>
Apps
</h4><ul class="list-unstyled "><li class="mb-2 mainLi">
<a
href="/ja/collections/sales-aov"
target=""
title=" Shopify Sales & AOV "
style="color: #444444;"
rel=""
>Sales & AOV</a>
</li><li class="mb-2 mainLi">
<a
href="/ja/collections/customer-experience"
target=""
title=" Shopify Customer Experience "
style="color: #444444;"
rel=""
>Customer Experience</a>
</li><li class="mb-2 mainLi">
<a
href="/ja/collections/loyalty-retention"
target=""
title=" Shopify Loyalty & Retention "
style="color: #444444;"
rel=""
>Loyalty & Retention</a>
</li><li class="mb-2 mainLi">
<a
href="/ja/collections/store-management"
target=""
title=" Shopify Store Management "
style="color: #444444;"
rel=""
>Store Management</a>
</li></ul>
</div>
<div class="col-12 col-sm-4 col-lg-3 col-xl-2 text-center text-lg-left mb-3 mb-lg-0"><h4
style="color: #444444;"
class="text-16 text-uppercase mb-3 font-weight-bold"
>
Solutions
</h4><ul class="list-unstyled"><li class="mb-2 mainLi"><!--
<a href="https://shopcircle.co/pages/solutions?page=capital" style="color: #444444;" target="">Shop Circle Capital</a>
-->
<a
href="https://shopcircle.co/pages/solutions?page=capital"
title=" Shopify Shop Circle Capital "
style="color: #444444;"
target=""
>Shop Circle Capital</a>
</li><li class="mb-2 mainLi"><!--
<a href="https://shopcircle.co/pages/affiliate-program" style="color: #444444;" target="">Partners</a>
-->
<a
href="https://shopcircle.co/pages/affiliate-program"
title=" HulkApps Partners "
style="color: #444444;"
target=""
>Partners</a>
</li><li class="mb-2 mainLi"><!--
<a href="https://shopcircle.co/pages/shopify-apps-tech-stack" style="color: #444444;" target="">App Stacks</a>
-->
<a
href="https://shopcircle.co/pages/shopify-apps-tech-stack"
title=" Shopify App Stacks "
style="color: #444444;"
target=""
>App Stacks</a>
</li><li class="mb-2 mainLi"><!--
<a href="/ja/pages/shopifyapurinopatukezi" style="color: #444444;" target="">Bundles</a>
-->
<a
href="/ja/pages/shopifyapurinopatukezi"
title=" Shopify Bundles "
style="color: #444444;"
target=""
>Bundles</a>
</li></ul>
</div>
<div class="col-12 col-sm-4 col-md-6 col-lg-3 text-center text-lg-left"><h4
style="color: #444444;"
class="text-16 text-uppercase mb-3 font-weight-bold"
>
Resources
</h4><ul class="list-unstyled"><li class="mb-2 mainLi">
<a
href="/ja/blogs/topics"
title=" Shopify トピックス "
style="color: #444444;"
>トピックス</a>
</li><li class="mb-2 mainLi">
<a
href="/ja/blogs/shopify-news"
title=" Shopifyニュース "
style="color: #444444;"
>Shopifyニュース</a>
</li><li class="mb-2 mainLi">
<a
href="/ja/blogs/compare"
title=" Shopify 比較する "
style="color: #444444;"
>比較する</a>
</li><li class="mb-2 mainLi">
<a
href="/ja/blogs/ecommerce-hub"
title=" Shopify Ecommerce Hub "
style="color: #444444;"
>Ecommerce Hub</a>
</li><li class="mb-2 mainLi">
<a
href="/ja/blogs/shopify-hub"
title=" Shopify ショッピファイハブ "
style="color: #444444;"
>ショッピファイハブ</a>
</li></ul>
</div>
</div>
</div>
<div class="border-top border-bottom py-4">
<div class="row align-items-center">
<div class="col-xl-7 order-2 order-xl-1">
<ul class="list-unstyled d-flex mb-md-0 mb-2 justify-content-md-start justify-content-center flex-wrap text-center">
<li class="mr-xl-4 mr-0 order-3 order-xl-1 ml-auto ml-xl-0 mt-md-0 mt-4 col-12 col-md-auto px-0"><p class="mb-0 text-14">
December 28, 2025
© HulkApps.com. All Rights Reserved.
</p></li>
<li class="mr-2 order-xl-2 order-1"><a href="/pages/locations" class="world-wide align-items-center d-flex justify-content-center justify-content-md-start">
<img src="https://cdn.shopify.com/s/files/1/1564/7647/files/globe_new_logo.svg?v=1632984800" alt="Location">
<p class="text-primary font-size-sm mx-3 mb-0">We're Worldwide</p>
</a>
</li>
<li class="order-2 order-xl-3"><a href="/pages/careers" class="align-items-center d-flex justify-content-center justify-content-md-start"><img src="https://cdn.shopify.com/s/files/1/1564/7647/files/hiring.svg?v=1623406181" alt="Career"> <p class="font-size-sm text-primary mx-3 mb-0">We're Hiring</p></a>
</li>
</ul>
</div>
<div class="col-xl-5 order-1 order-xl-2 mb-6 mb-xl-0">
<form method="post" action="/ja/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="contact-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
<div class="form-inline justify-content-end d-block d-lg-flex">
<div class="form-group text-center d-lg-flex d-block mb-3 mb-lg-0">
<label class="font-weight-bold mr-3">NEWSLETTER</label>
</div>
<div class="form-group align-items-stretch d-flex flex-grow-1">
<input
type="hidden"
name="customer[accepts_marketing]"
value="true"
>
<input
type="email"
name="contact[email]"
placeholder="Email Address"
class="form-control flex-grow-1"
id="email"
>
<input
type="submit"
class="btn btn-primary"
value="Submit"
>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div
data-footer-bottom
class="footer-bottom py-3"
style="background-color: #ffffff; color: #444444;"
>
<div class="container">
<div class="row text-14 text-center text-md-left align-items-center justify-content-between">
<div class="col-12 col-md-6 mb-3 mb-md-0">
<ul class="social-links mb-0 list-unstyled"><li class="d-inline-block mr-3">
<a
href="https://www.facebook.com/hulkapps1"
rel="nofollow noopener"
class="d-flex align-items-center justify-content-center text-gray-medium"
target="_blank"
aria-label="Facebook"
>
<img
src="https://cdn.shopify.com/s/files/1/1564/7647/files/fb.svg?v=1646374043"
alt="Facebook"
style="max-width: 30px;"
>
</a>
</li><li class="d-inline-block mr-3">
<a
href="https://www.instagram.com/hulkapps/"
rel="nofollow noopener"
class="d-flex align-items-center justify-content-center text-gray-medium"
target="_blank"
aria-label="Instagram"
>
<img
src="https://cdn.shopify.com/s/files/1/1564/7647/files/new_insta.svg?v=1646375603"
alt="Instagram"
style="max-width: 30px;"
>
</a>
</li><li class="d-inline-block mr-3">
<a
href="https://twitter.com/hulkapps"
rel="nofollow noopener"
class="d-flex align-items-center justify-content-center text-gray-medium"
target="_blank"
aria-label="Twitter"
>
<img
src="https://cdn.shopify.com/s/files/1/1564/7647/files/twitter.svg?v=1646375603"
alt="Twitter"
style="max-width: 30px;"
>
</a>
</li><li class="d-inline-block mr-3">
<a
href="https://www.linkedin.com/company/hulkapps/"
rel="nofollow noopener"
class="d-flex align-items-center justify-content-center text-gray-medium"
target="_blank"
aria-label="Linkedin"
>
<img
src="https://cdn.shopify.com/s/files/1/1564/7647/files/linkd.svg?v=1646375603"
alt="Linkedin"
style="max-width: 30px;"
>
</a>
</li><li class="d-inline-block mr-3">
<a
href="https://www.youtube.com/@hulkapps_official"
rel="nofollow noopener"
class="d-flex align-items-center justify-content-center text-gray-medium"
target="_blank"
>
<img
src="https://cdn.shopify.com/s/files/1/1564/7647/files/youtube_1.svg?v=1646375603"
alt="YouTube"
style="max-width: 30px;"
>
</a>
</li><li class="d-inline-block">
<a
href="https://github.com/HulkApps-Apps"
rel="nofollow noopener"
class="d-flex align-items-center justify-content-center text-gray-medium"
target="_blank"
aria-label="Github"
>
<img
src="https://cdn.shopify.com/s/files/1/1564/7647/files/git.svg?v=1646418470"
alt="Github"
style="max-width: 30px;"
>
</a>
</li></ul></div>
<div class="col-12 col-md-6 text-center text-md-right">
<a href="/pages/data-processing" class="">Data Processing Addendum</a>
<span class="mx-ex-lg-3 mx-2 separator">|</span>
<a href="/pages/privacy-policy" class="">Privacy Policy</a>
<span class="mx-ex-lg-3 mx-2 separator">|</span>
<a href="/pages/terms-condition">Terms & Conditions</a>
<span class="mx-ex-lg-3 mx-2 separator">|</span>
<a href="/pages/sitemap">Sitemap</a>
</div>
</div>
</div>
</div>
</footer>
<style>
.pre-footer {
background-color: #D9F5F4;
overflow: hidden;
/* Hide anything that goes beyond the bounds of the container */
}
.prefooter-slider,
.prefooter-slider_wrapper,
.prefooter-slider > .inner {
gap: 2rem;
}
.prefooter_logo-img {
object-fit: contain;
max-width: 100px;
max-height: 50px;
}
.prefooter_logo-img:hover {
opacity: 0.7;
scale: 1.02;
color: #00a9a2
}
.small_size_logo_image {
max-height: 35px !important;
}
.prefooter-slider_wrapper:hover > .prefooter-slider > .inner {
animation-play-state: paused;
}
/* Animation applied universally */
.prefooter-slider > .inner {
animation: prefooterScroll 16s linear infinite;
}
@keyframes prefooterScroll {
from {
transform: translateX(0%);
}
to {
transform: translateX(-100%);
/* Adjust based on content duplication */
}
}
@media (min-width: 992px) {
.text-lg-left {
text-align: left !important;
}
}
.white-divider {
border-bottom: 1px solid #444444;
opacity: 0.2;
}
</style>
</div>
<div id="shopify-section-app-optimization" class="shopify-section"></div>
<div data-mobile_navbar><div id="shopify-section-new-mobile-navigation" class="shopify-section"><div
data-section-id="new-mobile-navigation"
class="mobile-nav-drawer d-flex flex-column new-mobile"
:class="{'opened shadow-lg': isMobileNavDrawerOpen}"
v-touch:swipe.left="_toggleMobileNavDrawer"
:open="isMobileNavDrawerOpen">
<div class="drawer-header d-flex justify-content-between align-items-center p-3">
<a
href="#"
class="btn-close ml-auto float-right"
@click.prevent="_toggleMobileNavDrawer"
name="close"
title="close"
aria-label="Close">
<i class="ion ion-md-close"></i>
</a>
</div>
<div class="drawer-body py-1" data-touch-movable>
<nav class="navbar-mobile">
<ul class="navbar-nav padding-class">
<!-- Ako link ima child linkove, prikaži ga kao expandable -->
<li class="nav-item first-level no-underline">
<a
class="nav-link pl-0 submenu-toggle d-flex align-items-center justify-content-between shopify-apps"
href="#"
role="button"
data-toggle="collapse"
data-target="#submenu-shopify-apps-shopify-apps"
aria-expanded="false"
name="Shopify Apps"
title="Shopify Apps"
aria-label="Shopify Apps">
<span>Shopify Apps</span>
<i class="icon-toggle"></i>
</a>
<div class="submenu collapse two-level" id="submenu-shopify-apps-shopify-apps">
<ul class="list-unstyled"><!-- STANDARDNI DROPDOWN MENI ZA SVE OSTALE LINKOVE -->
<ul class="dropdown-menu second-level-menu tab-pane new-header-menu mobile-adjustment">
<div class="container container-new p-2 align-items-start d-flex flex-column"><div class="wrapper w-100">
<div class="items-info">
<!-- Ako childlink sadrži proizvode, dodaj collapse funkcionalnost -->
<a
class="header-collection-links submenu-toggle d-flex align-items-center justify-content-between"
href="#"
role="button"
data-toggle="collapse"
data-target="#submenu-sales-aov"
aria-expanded="false">
<span>Sales & AOV</span>
<i class="icon-toggle"></i>
</a>
<!-- Submenu collapse za prikaz proizvoda -->
<div class="submenu collapse no-padding-class" id="submenu-sales-aov">
<ul class="list-unstyled">
<div class="d-flex align-items-center mb-3 ">
<img
src="https://cdn.shopify.com/app-store/listing_images/59ff1b17b1415cf11af2ee0a00c68334/icon/CKKYs5695_ICEAE=.png"
width="50"
class="logo mr-3"
alt="Install Icon">
<a class="d-block product-title-links" href="/ja/products/releasit-cod-form-upsells">Releasit COD Form & Upsells</a>
</div>
<div class="d-flex align-items-center mb-3 ">
<img
src="https://cdn.shopify.com/app-store/listing_images/2652696f8cd7357ce591f2b6217cd918/icon/CIS2jICqov8CEAE=.png"
width="50"
class="logo mr-3"
alt="Install Icon">
<a class="d-block product-title-links" href="/ja/products/opinew-product-reviews-app-ugc">Opinew Product Reviews App UGC</a>
</div>
<div class="d-flex align-items-center mb-3 ">
<img
src="https://cdn.shopify.com/s/files/1/1564/7647/files/ProductOptions_1200x1200_362cbd21-0cd2-4523-b23f-43477bb6e93c.png?v=1680607971"
width="50"
class="logo mr-3"
alt="Install Icon">
<a class="d-block product-title-links" href="/ja/products/shopify-24299">ハルク製品オプション</a>
</div>
<div class="d-flex align-items-center ">
<img
src="https://cdn.shopify.com/s/files/1/1564/7647/files/VolumeBoost_1200x1200_9c15a6ff-b05e-496d-b5b1-dd382cafcdd8.png?v=1680607971"
width="50"
class="logo mr-3"
alt="Install Icon">
<a class="d-block product-title-links" href="/ja/products/shopify-8165">翻訳されたHulk VolumeBoost</a>
</div>
</ul>
</div>
</div>
</div><div class="wrapper w-100">
<div class="items-info">
<!-- Ako childlink sadrži proizvode, dodaj collapse funkcionalnost -->
<a
class="header-collection-links submenu-toggle d-flex align-items-center justify-content-between"
href="#"
role="button"
data-toggle="collapse"
data-target="#submenu-customer-experience"
aria-expanded="false">
<span>Customer Experience</span>
<i class="icon-toggle"></i>
</a>
<!-- Submenu collapse za prikaz proizvoda -->
<div class="submenu collapse no-padding-class" id="submenu-customer-experience">
<ul class="list-unstyled">
<div class="d-flex align-items-center mb-3 ">
<img
src="https://cdn.shopify.com/s/files/1/1564/7647/files/FormBuilder_1200x1200_1faa9059-2771-4d5a-aa89-429401c15463.png?v=1680607971"
width="50"
class="logo mr-3"
alt="Install Icon">
<a class="d-block product-title-links" href="/ja/products/shopify-24404">ハルクフォームビルダー</a>
</div>
<div class="d-flex align-items-center mb-3 ">
<img
src="https://cdn.shopify.com/s/files/1/1564/7647/files/pricingdiscount.webp?v=1720703553"
width="50"
class="logo mr-3"
alt="Install Icon">
<a class="d-block product-title-links" href="/ja/products/wholesale-pricing-discount-b2b">Wholesale Pricing Discount B2B</a>
</div>
<div class="d-flex align-items-center mb-3 ">
<img
src="https://cdn.shopify.com/s/files/1/1564/7647/files/OrderStatusTracker_1200x1200_02440172-a4c6-4e11-9748-95c759de44ce.png?v=1680607971"
width="50"
class="logo mr-3"
alt="Install Icon">
<a class="d-block product-title-links" href="/ja/products/shopify-24414">ハルク注文ステータストラッカー</a>
</div>
<div class="d-flex align-items-center ">
<img
src="https://cdn.shopify.com/s/files/1/1564/7647/files/MobileAppBuilder_1200x1200_b1084e88-f940-4e58-8700-4641b3d5b025.png?v=1680607971"
width="50"
class="logo mr-3"
alt="Install Icon">
<a class="d-block product-title-links" href="/ja/products/shopify-24436">ハルク モバイルアプリビルダー</a>
</div>
</ul>
</div>
</div>
</div><div class="wrapper w-100">
<div class="items-info">
<!-- Ako childlink sadrži proizvode, dodaj collapse funkcionalnost -->
<a
class="header-collection-links submenu-toggle d-flex align-items-center justify-content-between"
href="#"
role="button"
data-toggle="collapse"
data-target="#submenu-loyalty-retention"
aria-expanded="false">
<span>Loyalty & Retention</span>
<i class="icon-toggle"></i>
</a>
<!-- Submenu collapse za prikaz proizvoda -->
<div class="submenu collapse no-padding-class" id="submenu-loyalty-retention">
<ul class="list-unstyled">
<div class="d-flex align-items-center mb-3 ">
<img
src="https://cdn.shopify.com/s/files/1/1564/7647/files/AdvancedWishlist_1200x1200_ebfdd0c2-00dc-4724-8a99-553c5f7f9872.png?v=1680781686"
width="50"
class="logo mr-3"
alt="Install Icon">
<a class="d-block product-title-links" href="/ja/products/shopify-advanced-wishlist-app">ハルクの高度なウィッシュリスト</a>
</div>
<div class="d-flex align-items-center mb-3 ">
<img
src="https://cdn.shopify.com/app-store/listing_images/8b74d91953ae6d5dbe5e63c3f50ca810/icon/CN6h5bXI8_ECEAE=.png"
width="50"
class="logo mr-3"
alt="Install Icon">
<a class="d-block product-title-links" href="/ja/products/releasit-cash-on-delivery">Releasit COD Fee & OTP Verify</a>
</div>
<div class="d-flex align-items-center mb-3 ">
<img
src="https://cdn.shopify.com/s/files/1/1564/7647/files/EasyGift.png?v=1745238353"
width="50"
class="logo mr-3"
alt="Install Icon">
<a class="d-block product-title-links" href="/ja/products/easygift">EasyGift</a>
</div>
<div class="d-flex align-items-center ">
<img
src="https://cdn.shopify.com/s/files/1/1564/7647/files/PostPurchase_1200x1200_150a4205-be6a-4f84-995a-37362cdf2325.png?v=1680607970"
width="50"
class="logo mr-3"
alt="Install Icon">
<a class="d-block product-title-links" href="/ja/products/shopify-24419">ハルク購入後調査</a>
</div>
</ul>
</div>
</div>
</div><div class="wrapper w-100">
<div class="items-info">
<!-- Ako childlink sadrži proizvode, dodaj collapse funkcionalnost -->
<a
class="header-collection-links submenu-toggle d-flex align-items-center justify-content-between"
href="#"
role="button"
data-toggle="collapse"
data-target="#submenu-store-management"
aria-expanded="false">
<span>Store Management</span>
<i class="icon-toggle"></i>
</a>
<!-- Submenu collapse za prikaz proizvoda -->
<div class="submenu collapse no-padding-class" id="submenu-store-management">
<ul class="list-unstyled">
<div class="d-flex align-items-center mb-3 ">
<img
src="https://cdn.shopify.com/s/files/1/1564/7647/files/ESCEasyRedirects.png?v=1692017641"
width="50"
class="logo mr-3"
alt="Install Icon">
<a class="d-block product-title-links" href="/ja/products/shopify-easy-redirects-app">簡単なリダイレクト</a>
</div>
<div class="d-flex align-items-center mb-3 ">
<img
src="https://cdn.shopify.com/s/files/1/1564/7647/files/lock_manager_app_icon_634440dd-1afd-4f4a-b985-44ef7417e6a0.png?v=1720788009"
width="50"
class="logo mr-3"
alt="Install Icon">
<a class="d-block product-title-links" href="/ja/products/wholesale-lock-manager-b2b">Wholesale Lock Manager: B2B</a>
</div>
<div class="d-flex align-items-center mb-3 ">
<img
src="https://cdn.shopify.com/s/files/1/1564/7647/files/Age_Verification_1200x1200_dfc180ba-c7c2-445d-b761-bb97adc6759f.png?v=1683730861"
width="50"
class="logo mr-3"
alt="Install Icon">
<a class="d-block product-title-links" href="/ja/products/shopify-24409">ハルクの年齢確認</a>
</div>
<div class="d-flex align-items-center ">
<img
src="https://cdn.shopify.com/app-store/listing_images/fa9557f87f6b23c6878ab205891bb8d9/icon/CM-Vwsn0lu8CEAE=.png"
width="50"
class="logo mr-3"
alt="Install Icon">
<a class="d-block product-title-links" href="/ja/products/accentuate-custom-fields">Accentuate Custom Fields</a>
</div>
</ul>
</div>
</div>
</div></div>
</ul></ul>
</div>
</li>
<!-- Ako link ima child linkove, prikaži ga kao expandable -->
<li class="nav-item first-level no-underline">
<a
class="nav-link pl-0 submenu-toggle d-flex align-items-center justify-content-between app-bundles"
href="#"
role="button"
data-toggle="collapse"
data-target="#submenu-app-bundles-app-bundles"
aria-expanded="false"
name="App Bundles"
title="App Bundles"
aria-label="App Bundles">
<span>App Bundles</span>
<i class="icon-toggle"></i>
</a>
<div class="submenu collapse two-level" id="submenu-app-bundles-app-bundles">
<ul class="list-unstyled"><!-- POSEBAN MENI ZA DRUGI LINK - PRIKAZAN U KOLONI -->
<div class="custom-dropdown d-flex flex-column w-100 mb-4">
<div class="wrapper py-3 col border-class">
<p class="header-pages">Shopify Essentials</p>
<p class="page-description">Build a strong online presence and streamline operations.</p>
<div class="d-flex flex-column bundle-info">
<p class="bundle-price">$49/mo</p>
<span>6 Apps</span>
</div>
<a href="/ja/pages/shopify-essentials" class="bundle-link">Explore</a>
</div>
<div class="wrapper py-3 col border-class">
<p class="header-pages">Growth Entrepreneur</p>
<p class="page-description">Increasing website traffic, retention and conversion rates.</p>
<div class="d-flex flex-column bundle-info">
<p class="bundle-price">$199/mo</p>
<span>7 Apps</span>
</div>
<a href="/ja/pages/growth-entrepreneur" class="bundle-link">Explore</a>
</div>
<div class="wrapper py-3 col border-class">
<p class="header-pages">Mobile Commerce</p>
<p class="page-description">Develop a strong mobile presence to expand reach.</p>
<div class="d-flex flex-column bundle-info">
<p class="bundle-price">$215/mo</p>
<span>7 Apps</span>
</div>
<a href="/ja/pages/mobile-commerce" class="bundle-link">Explore</a>
</div>
<div class="wrapper py-3 col border-class">
<p class="header-pages">Dropshipping Essentials</p>
<p class="page-description">Scale your dropshipping business while saving money.</p>
<div class="d-flex flex-column bundle-info">
<p class="bundle-price">$70/mo</p>
<span>16 Apps</span>
</div>
<a href="/ja/pages/hulkapps-69" class="bundle-link">Explore</a>
</div>
<div class="wrapper py-3 col border-class">
<p class="header-pages">All-in-One</p>
<p class="page-description">Enjoy our full suite to grow your store and increase profits.</p>
<div class="d-flex flex-column bundle-info">
<p class="bundle-price">$199/mo</p>
<span>18 Apps</span>
</div>
<a href="/ja/pages/shopifyapurinopatukezi" class="bundle-link">Explore</a>
</div>
</div></ul>
</div>
</li>
<!-- Ako link NEMA child linkove, prikaži ga kao običan link -->
<li class="nav-item no-underline">
<a
class="nav-link pl-0 capital"
href="https://shopcircle.us.liberis.com/"
name="Capital"
title="Capital"
aria-label="Capital">
Capital
</a>
</li>
<!-- Ako link NEMA child linkove, prikaži ga kao običan link -->
<li class="nav-item no-underline">
<a
class="nav-link pl-0 partners"
href="/ja/pages/hulkapps-shopify-29"
name="Partners"
title="Partners"
aria-label="Partners">
Partners
</a>
</li>
<!-- Ako link ima child linkove, prikaži ga kao expandable -->
<li class="nav-item first-level no-underline">
<a
class="nav-link pl-0 submenu-toggle d-flex align-items-center justify-content-between company"
href="#"
role="button"
data-toggle="collapse"
data-target="#submenu-company-company"
aria-expanded="false"
name="Company"
title="Company"
aria-label="Company">
<span>Company</span>
<i class="icon-toggle"></i>
</a>
<div class="submenu collapse two-level" id="submenu-company-company">
<ul class="list-unstyled"><!-- POSEBAN MENI ZA POSLEDNJI LINK - VERTIKALNI PRIKAZ -->
<div class="container py-2 d-flex flex-column"><div class="wrapper mb-2">
<div class="items-info">
<a class="header-collection-links" href="/ja/pages/hulkapps-87">Contact</a>
</div>
</div><div class="wrapper mb-2">
<div class="items-info">
<a class="header-collection-links" href="/ja/pages/hulkapps-68">About</a>
</div>
</div><div class="wrapper mb-2">
<div class="items-info">
<a class="header-collection-links" href="https://www.hulkapps.com/pages/careers">Careers</a>
</div>
</div></div></ul>
</div>
</li>
</ul>
</nav>
</div>
</div>
<style>
.no-underline .nav-link,
.no-uderline .nav-item {
border-bottom: none;
}
.padding-class {
padding: 0 50px;
}
@media (max-width: 1023px) {
.navbar-nav .nav-item {
margin-bottom: 12px;
}
}
.navbar-nav .nav-item {
margin-bottom: 0;
}
.border-class {
border-bottom: 1px solid #D9D9D9;
padding-inline: 0 !important;
}
.mobile-adjustment {
border: none !important;
box-shadow: none !important;
}
.w-100 {
margin-bottom: 10px;
}
.no-padding-class {
padding-left: 0 !important;
margin-top: 10px;
}
.new-mobile {
top: 112px;
}
@media (max-width: 767px) {
.new-mobile {
top: 138px;
}
}
</style></div></div><div id="shopify-section-search-layer" class="shopify-section"><div v-cloak data-search-layer data-search-type="reveal" data-section-id="search-layer"><div class="search-reveal" :class="{'opened border-top': isSearchLayerOpen}">
<div class="container">
<div class="row justify-content-center"><div class="col-lg-11 d-flex align-items-center justify-content-between">
<div class="search-support position-relative w-100 bread-search" data-autocomplete-true>
<form id="searchForm" action="/search" method="get" role="search"
class="search_form_services d-flex align-items-center justify-content-between position-relative">
<input type="hidden" name="type" value="" class="type_url" />
<input id="searchtext1" type="hidden" value=" -tag:search-hide-product">
<input type="search" name="q" id="searchInput"
value=""
placeholder="Search by task name, tool name or the site page that needs fixing" class="form-control" aria-label="Search"
autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false">
<button type="submit" class="btn btn-link btn-close p-0">
<img src="https://cdn.shopify.com/s/files/1/1564/7647/files/ic_search_light.svg?v=1618483802"
alt="Search">
</button>
<input type="hidden" name="type" value="product" />
</form>
</div>
</div>
</div>
</div>
</div></div>
</div><div class="cart-drawer d-flex flex-column" :class="{'opened shadow-lg': isCartDrawerOpen}"
v-touch:swipe.right="_toggleCartDrawer">
<form class="h-100 d-flex flex-column" method="post" id="checkout-form-button">
<div class="drawer-header d-flex justify-content-between align-items-center p-4 border-bottom">
<div class="d-flex">
<img
src="https://cdn.shopify.com/s/files/1/1564/7647/files/ic_cart_header.svg?v=1646374043"
alt="Cart">
<h3 class="mb-0 ml-3 text-success text-gray-medium">Your cart</h3>
</div>
<a href="#" class="btn-close float-right" @click.prevent="_toggleCartDrawer" aria-label="Close" title="Close"><img
src="https://cdn.shopify.com/s/files/1/1564/7647/files/close_header.svg?v=1646374043"
alt="Close" width="20" height="20"></a>
</div>
<div class="drawer-body" :class="{'border-bottom': cart.item_count > 0}" data-touch-moveable>
<template v-if="cart.item_count > 0">
<div v-for="(item, index, key) in cart.items" v-if="!item.properties['promo_product']" data-cart-item
:key="item.id" class="row cart-item border-bottom mx-0"
:class="{'border-bottom-0': index === (cart.item_count - 1)}" :data-variant-id="item.variant_id"
:data-cart-limit="item.properties['cart_limit']">
<div class="col-12 p-4">
<div class="d-flex justify-content-between align-items-center">
<template v-if="item.product_type.toLowerCase().indexOf('pricing') > -1">
<a :title="item.product_title" class="item-title pr-3">
<p class="font-weight-bold text-gray-medium mb-0 text-capitalize" v-text="item.product_title"></p>
</a>
</template>
<template v-else>
<a :href="item.url" :title="item.product_title" class="item-title pr-3">
<p class="font-weight-bold text-gray-medium mb-0 text-capitalize" v-text="item.product_title"></p>
</a>
</template>
</div>
<ul v-if="item.product_options" class="list-unstyled mb-2">
<li v-for="option in item.product_options" v-if="option.value !== 'Default Title'">
<span class="text-gray text-capitalize font-weight-light text-16">${ option.name }:</span>
<span class="text-gray text-capitalize font-weight-light text-16">${ option.value }</span>
</li>
</ul>
<div class="d-flex justify-content-between align-items-center">
<div v-if="item.properties['show_per_month']">
<h4 class="mb-0 text-gray-medium">${item.properties['show_per_month']} x 12</h4>
</div>
<div v-else>
<h4 class="mb-0 text-gray-medium" v-html="_formatMoney(item.line_price)"></h4>
</div>
<a href="#" class="text-danger lead d-none d-sm-block remove" title="Remove"
name="Remove" aria-label="Remove"
data-toggle="tooltip" data-trigger="hover" data-placement="top"
@click.prevent="_removeFromCart(index+1, $event)" :data-product-id="item.product_id"
:data-product-title="item.product_title" :data-product-price="item.final_line_price"
:data-product-variant="item.variant_title" :data-product-qty="item.quantity"
:data-product-sku="item.sku" :data-uid="item.properties['uid']"
:data-is-addon="item.properties['_addon_product']"
:data-is-subscription="item.properties['subscription_id']"
:data-is-package-product="item.properties['is_package_product']">
<img
src="https://cdn.shopify.com/s/files/1/1564/7647/files/delete_0b131f7d-85bd-4704-8aef-564f3d417f95.svg?v=1618486641"
width="20px" height="20px" alt="Delete" class="">
</a>
</div>
</div>
</div>
</template>
<div v-else class="text-center mt-5">
<div class="icon"><i class="icon ion-md-cart"></i></div>
<p class="mb-3 text-muted">Your cart is currently empty.</p>
<button class="btn btn-primary btn-sm" @click.prevent="_toggleCartDrawer">Continue Browsing</button>
</div>
</div>
<div class="d-flex justify-content-between align-items-center px-4 py-4 border-bottom">
<h3 class="mb-0 text-primary">Total</h3>
<h3 v-html="_formatMoney(cart.total_price)" class="mb-0 text-primary"></h3>
</div>
<div v-if="cart.item_count > 0" class="drawer-footer bg-white">
<div class="test btn-group btn-group-sm btn-group-justified px-4 py-4" role="group">
<h4 class="mb-0">
<template v-if="cart_item_type_count.item_theme_count > 0 && cart_item_type_count.item_other_count <= 0">
<a href="/checkout" class="btn btn-primary font-weight-bold">
Checkout
</a>
</template>
<template v-else>
<!-- <a href="javascript:void(0)" class="btn btn-primary font-weight-bold cart-open-popup"
@click.prevent="__modalPopup($event)">
Checkout
</a> -->
<a href="/checkout" class="btn btn-primary font-weight-bold">
Checkout
</a>
</template>
</h4>
</div>
</div>
</form>
</div>
<div class="cart-popup mt-4">
<div class="modal-dialog modal-lg m-0" style="max-width: 900px;" role="document">
<div class="modal-content shadow rounded-0 border-0 px-6 py-4">
<div class="modal-header border-0 p-0">
<div class="mr-1">
<h3 class="mb-1 text-uppercase text-gray-medium">Before you continue</h3>
<p class="mb-4">Please share a few essential pieces of information that'll help our support members work
quickly on your project</p>
</div>
<button type="button" class="close cart-close-popup shadow-none" data-dismiss="modal" aria-label="Close"
style="opacity: 1;" @click.prevent="__modalPopup($event)">
<i class="ion ion-ios-close h1 mb-0"></i>
</button>
</div>
<div class="modal-body p-0">
<form data-cart-form action="/cart" method="post" id="checkout-form" class="row">
<div class="col-6 mb-4">
<label class="mb-2">Store url<span class="text-danger">*</span>:</label>
<div class="input-group">
<input type="text" class="form-control py-2 h-auto" id="store-url" aria-label="Store URL"
placeholder="" />
<div class="input-group-append">
<span class="input-group-text bg-gray-200 py-2" id="post-url-text">.myshopify.com</span>
</div>
</div>
</div>
<div class="col-6 mb-4">
<label class="mb-2">Page url:</label>
<input type="url" class="form-control py-2 h-auto" id="page-url" aria-label="Page URL" placeholder="" />
</div>
<div class="col-6 mb-4">
<label class="mb-2">Storefront password:</label>
<input type="text" class="form-control py-2 h-auto" id="store-pwd" aria-label="Storefront Password"
placeholder="" />
</div>
<div class="col-6 mb-4">
<label class="mb-2">Theme name<span class="text-danger">*</span>:</label>
<input type="text" class="form-control py-2 h-auto" id="theme-name" aria-label="Theme Name"
placeholder="" />
</div>
<template v-if="cart.item_count > 0" v-for="(item, index, key) in cart.items">
<template v-if="item.tags.indexOf('pixel-doc-link') > -1">
<div class="col-6 mb-4">
<label class="mb-2">Doc links:</label>
<div class="input-group">
<textarea class="form-control py-2 h-auto" id="doc-link" aria-label="Doc Link"
placeholder="Add urls seperated by comma"></textarea>
<small class="w-100 pt-2">Help us implement Pixel tracking with Shopify. Share the documentation
link here if you have any!</small>
</div>
</div>
</template>
<template v-if="item.tags.indexOf('pixel-ref-links') > -1">
<div class="col-6 mb-4">
<label class="mb-2">Reference links:</label>
<textarea class="form-control py-2 h-auto" id="ref-links" aria-label="Reference Links"
placeholder="Add urls seperated by comma"></textarea>
</div>
</template>
<template v-if="item.tags.indexOf('pixel-desc') > -1">
<div class="col-6 mb-4">
<label class="mb-2">Description:</label>
<textarea class="form-control py-2 h-auto" id="description" aria-label="Description"
placeholder=""></textarea>
</div>
</template>
<template v-else-if="item.tags.indexOf('cj-pixel') > -1">
<div class="col-6 mb-4">
<label class="mb-2">Container tag ID:</label>
<input class="form-control py-2 h-auto" type="text" id="tag-id" aria-label="Container Tag ID"
placeholder="" />
</div>
<div class="col-6 mb-4">
<label class="mb-2">TypeID:</label>
<input class="form-control py-2 h-auto" type="text" id="type-id" aria-label="TypeID" placeholder="" />
</div>
<div class="col-6 mb-4">
<label class="mb-2">CID:</label>
<input class="form-control py-2 h-auto" type="text" id="c-id" aria-label="CID" placeholder="" />
</div>
</template>
<template v-else-if="item.tags.indexOf('taboola-pixel') > -1">
<div class="col-6 mb-4">
<label class="mb-2">Taboola pixel ID:</label>
<input class="form-control py-2 h-auto" type="text" id="taboola-id" aria-label="Taboola Pixel ID"
placeholder="" />
</div>
</template>
<template v-else-if="item.tags.indexOf('share-a-sale-pixel') > -1">
<div class="col-6 mb-4">
<label class="mb-2">ShareASale merchant ID:</label>
<input class="form-control py-2 h-auto" type="text" id="shareasale-merchant-id"
aria-label="ShareASale Merchant ID" placeholder="" />
</div>
</template>
<template v-else-if="item.tags.indexOf('criteo-pixel') > -1">
<div class="col-6 mb-4">
<label class="mb-2">Criteo pixel ID:</label>
<input class="form-control py-2 h-auto" type="text" id="criteo-id" aria-label="Criteo Pixel ID"
placeholder="" />
</div>
</template>
<template v-else-if="item.tags.indexOf('outbrain-pixel') > -1">
<div class="col-6 mb-4">
<label class="mb-2">OutBrain pixel ID:</label>
<input class="form-control py-2 h-auto" type="text" id="outbrain-id" aria-label="OutBrain Pixel ID"
placeholder="" />
</div>
</template>
<template v-else-if="item.tags.indexOf('yahoo-gemini-pixel') > -1">
<div class="col-6 mb-4">
<label class="mb-2">Yahoo/gemini pixel ID:</label>
<input class="form-control py-2 h-auto" type="text" id="yahoo-gemini-id"
aria-label="Yahoo/gemini Pixel ID" placeholder="" />
</div>
</template>
<template v-else-if="item.tags.indexOf('gtm-pixel') > -1">
<div class="col-6 mb-4">
<label class="mb-2">Google tag manager ID:</label>
<input class="form-control py-2 h-auto" type="text" id="gtm-id" aria-label="Google Tag Manager ID"
placeholder="" />
</div>
</template>
<template v-else-if="item.tags.indexOf('tiktok-pixel') > -1">
<div class="col-6 mb-4">
<label class="mb-2">TikTok pixel ID:</label>
<input class="form-control py-2 h-auto" type="text" id="tiktok-id" aria-label="TikTok Pixel ID"
placeholder="" />
</div>
</template>
<template v-else-if="item.tags.indexOf('pandora-pixel') > -1">
<div class="col-6 mb-4">
<label class="mb-2">Pandora pixel ID:</label>
<input class="form-control py-2 h-auto" type="text" id="pandora-id" aria-label="Pandora Pixel ID"
placeholder="" />
</div>
</template>
<template v-else-if="item.tags.indexOf('amazon-attribution-pixel') > -1">
<div class="col-6 mb-4">
<label class="mb-2">Amazon attribution pixel ID:</label>
<input class="form-control py-2 h-auto" type="text" id="amazon-attribution-id"
aria-label="Amazon Attribution Pixel ID" placeholder="" />
</div>
</template>
<template v-else-if="item.tags.indexOf('amazon-product-pixel') > -1">
<div class="col-6 mb-4">
<label class="mb-2">Amazon product targeting pixel ID:</label>
<input class="form-control py-2 h-auto" type="text" id="amazon-product-id"
aria-label="Amazon Product Targeting Pixel ID" placeholder="" />
</div>
</template>
<template v-else-if="item.tags.indexOf('adbeat-pixel') > -1">
<div class="col-6 mb-4">
<label class="mb-2">Adbeat pixel ID:</label>
<input class="form-control py-2 h-auto" type="text" id="adbeat-id" aria-label="Adbeat Pixel ID"
placeholder="" />
</div>
</template>
<template v-else-if="item.tags.indexOf('redirect-pixel') > -1">
<div class="col-6 mb-4">
<label class="mb-2">Redirect pixel ID:</label>
<input class="form-control py-2 h-auto" type="text" id="redirect-id" aria-label="Redirect Pixel ID"
placeholder="" />
</div>
</template>
<template v-else-if="item.tags.indexOf('blackfire-pixel') > -1">
<div class="col-6 mb-4">
<label class="mb-2">BlackFire pixel ID:</label>
<input class="form-control py-2 h-auto" type="text" id="blackFire-id" aria-label="BlackFire Pixel ID"
placeholder="" />
</div>
</template>
<template v-else-if="item.tags.indexOf('comscore-pixel') > -1">
<div class="col-6 mb-4">
<label class="mb-2">ComScore pixel ID:</label>
<input class="form-control py-2 h-auto" type="text" id="comscore-id" aria-label="ComScore Pixel ID"
placeholder="" />
</div>
</template>
<template v-else-if="item.tags.indexOf('rakuten-pixel') > -1">
<div class="col-6 mb-4">
<label class="mb-2">Rakuten pixel ID:</label>
<input class="form-control py-2 h-auto" type="text" id="rakuten-id" aria-label="Rakuten Pixel ID"
placeholder="" />
</div>
</template>
<template v-else-if="item.tags.indexOf('retention-science-pixel') > -1">
<div class="col-6 mb-4">
<label class="mb-2">Retention science:</label>
<input class="form-control py-2 h-auto" type="text" id="retention-science-id"
aria-label="Retention Science" placeholder="" />
</div>
</template>
<template v-else-if="item.tags.indexOf('upsellit-pixel') > -1">
<div class="col-6 mb-4">
<label class="mb-2">UpSellit:</label>
<input class="form-control py-2 h-auto" type="text" id="upsellit-id" aria-label="UpSellit"
placeholder="" />
</div>
</template>
<template v-else-if="item.tags.indexOf('gift-wizard-pixel') > -1">
<div class="col-6 mb-4">
<label class="mb-2">Gift wizard pixel ID:</label>
<input class="form-control py-2 h-auto" type="text" id="gift-wizard-id"
aria-label="Gift Wizard Pixel ID" placeholder="" />
</div>
</template>
<template v-else-if="item.tags.indexOf('olapic-pixel') > -1">
<div class="col-6 mb-4">
<label class="mb-2">Olapic pixel ID:</label>
<input class="form-control py-2 h-auto" type="text" id="olapic-id" aria-label="Olapic Pixel ID"
placeholder="" />
</div>
</template>
<template v-else-if="item.tags.indexOf('yotpo-pixel') > -1">
<div class="col-6 mb-4">
<label class="mb-2">Yotpo pixel ID:</label>
<input class="form-control py-2 h-auto" type="text" id="yotpo-id" aria-label="Yotpo Pixel ID"
placeholder="" />
</div>
</template>
<template v-else-if="item.tags.indexOf('amazon-pixel') > -1">
<div class="col-6 mb-4">
<label class="mb-2">Amazon pixel ID:</label>
<input class="form-control py-2 h-auto" type="text" id="amazon-id" aria-label="Amazon Pixel ID"
placeholder="" />
</div>
</template>
<template v-else-if="item.tags.indexOf('crazy-egg-pixel') > -1">
<div class="col-6 mb-4">
<label class="mb-2">Crazy egg pixel ID:</label>
<input class="form-control py-2 h-auto" type="text" id="crazy-egg-id" aria-label="Crazy Egg Pixel ID"
placeholder="" />
</div>
</template>
<template v-else-if="item.tags.indexOf('source-knowledge-pixel') > -1">
<div class="col-6 mb-4">
<label class="mb-2">Source knowledge pixel ID:</label>
<input class="form-control py-2 h-auto" type="text" id="source-knowledge-id"
aria-label="Source Knowledge Pixel ID" placeholder="" />
</div>
</template>
<template v-else-if="item.tags.indexOf('juntuno-pixel') > -1">
<div class="col-6 mb-4">
<label class="mb-2">JuntUNO pixel ID:</label>
<input class="form-control py-2 h-auto" type="text" id="juntuno-id" aria-label="JuntUNO Pixel ID"
placeholder="" />
</div>
</template>
<template v-else-if="item.tags.indexOf('visual-iq-pixel') > -1">
<div class="col-6 mb-4">
<label class="mb-2">Visual IQ pixel ID:</label>
<input class="form-control py-2 h-auto" type="text" id="visual-iq-id" aria-label="Visual IQ Pixel ID"
placeholder="" />
</div>
</template>
<template v-else-if="item.tags.indexOf('double-click-pixel') > -1">
<div class="col-6 mb-4">
<label class="mb-2">Double click ID:</label>
<input class="form-control py-2 h-auto" type="text" id="double-click-id" aria-label="Double Click ID"
placeholder="" />
</div>
</template>
<template v-else-if="item.tags.indexOf('google-ads-pixel') > -1">
<div class="col-6 mb-4">
<label class="mb-2">Google ads conversion ID:</label>
<input class="form-control py-2 h-auto" type="text" id="google-ads-id"
aria-label="Google Ads Conversion ID" placeholder="" />
</div>
<div class="col-6 mb-4">
<label class="mb-2">Google ads conversion Lable:</label>
<input class="form-control py-2 h-auto" type="text" id="google-ads-label"
aria-label="Google Ads Conversion Lable" placeholder="" />
</div>
</template>
<template v-else-if="item.tags.indexOf('google-analytics-pixel') > -1">
<div class="col-6 mb-4">
<label class="mb-2">GA ID:</label>
<input class="form-control py-2 h-auto" type="text" id="google-analytics-id"
aria-label="Google Analytics ID" placeholder="" />
</div>
</template>
<template v-else-if="item.tags.indexOf('keynes-digital-pixel') > -1">
<div class="col-6 mb-4">
<label class="mb-2">Keynes digital pixel ID:</label>
<input class="form-control py-2 h-auto" type="text" id="keynes-digital-id"
aria-label="Keynes Digital Pixel ID" placeholder="" />
</div>
</template>
<template v-else-if="item.tags.indexOf('talkable-pixel') > -1">
<div class="col-6 mb-4">
<label class="mb-2">Talkable pixel ID:</label>
<input class="form-control py-2 h-auto" type="text" id="talkable-id" aria-label="Talkable Pixel ID"
placeholder="" />
</div>
</template>
<template v-else-if="item.tags.indexOf('jumbleberry-pixel') > -1">
<div class="col-6 mb-4">
<label class="mb-2">Jumbleberry merchant ID:</label>
<input class="form-control py-2 h-auto" type="text" id="jumbleberry-merchant-id"
aria-label="Jumbleberry Merchant ID" placeholder="" />
</div>
</template>
<template v-else-if="item.tags.indexOf('google-optimize-pixel') > -1">
<div class="col-6 mb-4">
<label class="mb-2">Google optimize ID:</label>
<input class="form-control py-2 h-auto" type="text" id="google-optimize-id"
aria-label="Google Optimize ID" placeholder="" />
</div>
</template>
<template v-else-if="item.tags.indexOf('reddit-pixel') > -1">
<div class="col-6 mb-4">
<label class="mb-2">Reddit pixel ID:</label>
<input class="form-control py-2 h-auto" type="text" id="reddit-id" aria-label="Reddit Pixel ID"
placeholder="" />
</div>
</template>
<template v-else-if="item.tags.indexOf('quora-pixel') > -1">
<div class="col-6 mb-4">
<label class="mb-2">Quora pixel ID:</label>
<input class="form-control py-2 h-auto" type="text" id="quora-id" aria-label="Quora Pixel ID"
placeholder="" />
</div>
</template>
<template v-else-if="item.tags.indexOf('linkedin-pixel') > -1">
<div class="col-6 mb-4">
<label class="mb-2">Linkedin pixel ID:</label>
<input class="form-control py-2 h-auto" type="text" id="linkedin-id" aria-label="Linkedin Pixel ID"
placeholder="" />
</div>
</template>
<template v-else-if="item.tags.indexOf('twitter-pixel') > -1">
<div class="col-6 mb-4">
<label class="mb-2">Twitter pixel ID:</label>
<input class="form-control py-2 h-auto" type="text" id="twitter-id" aria-label="Twitter Pixel ID"
placeholder="" />
</div>
</template>
<template v-else-if="item.tags.indexOf('pinterest-pixel') > -1">
<div class="col-6 mb-4">
<label class="mb-2">Pinterest pixel ID:</label>
<input class="form-control py-2 h-auto" type="text" id="pinterest-id" aria-label="Pinterest Pixel ID"
placeholder="" />
</div>
</template>
<template v-else-if="item.tags.indexOf('hotjar-pixel') > -1">
<div class="col-6 mb-4">
<label class="mb-2">Hotjar pixel ID:</label>
<input class="form-control py-2 h-auto" type="text" id="hotjar-id" aria-label="Hotjar Pixel ID"
placeholder="" />
</div>
</template>
<template v-else-if="item.tags.indexOf('facebook-pixel') > -1">
<div class="col-6 mb-4">
<label class="mb-2">Facebook pixel ID:</label>
<input class="form-control py-2 h-auto" type="text" id="facebook-id" aria-label="Facebook Pixel ID"
placeholder="" />
</div>
</template>
<template v-else-if="item.tags.indexOf('bing-pixel') > -1">
<div class="col-6 mb-4">
<label class="mb-2">Bing pixel ID:</label>
<input class="form-control py-2 h-auto" type="text" id="bing-id" aria-label="Bing Pixel ID"
placeholder="" />
</div>
</template>
<template v-else-if="item.tags.indexOf('adroll-pixel') > -1">
<div class="col-6 mb-4">
<label class="mb-2">Adroll pixel ID:</label>
<input class="form-control py-2 h-auto" type="text" id="adroll-pixel-id" aria-label="Adroll Pixel ID"
placeholder="" />
</div>
<div class="col-6 mb-4">
<label class="mb-2">Adroll adv ID:</label>
<input class="form-control py-2 h-auto" type="text" id="adroll-adv-id" aria-label="Adroll Adv ID"
placeholder="" />
</div>
</template>
<template v-else-if="item.tags.indexOf('inuvo-pixel') > -1">
<div class="col-6 mb-4">
<label class="mb-2">Inuvo pixel ID:</label>
<input class="form-control py-2 h-auto" type="text" id="inuvo-id" aria-label="Inuvo Pixel ID"
placeholder="" />
</div>
</template>
<template v-else-if="item.tags.indexOf('avantlink-pixel') > -1">
<div class="col-6 mb-4">
<label class="mb-2">Avantlink pixel ID:</label>
<input class="form-control py-2 h-auto" type="text" id="avantlink-id" aria-label="Avantlink Pixel ID"
placeholder="" />
</div>
</template>
<template v-else-if="item.tags.indexOf('audiencex-pixel') > -1">
<div class="col-6 mb-4">
<label class="mb-2">AudienceX pixel ID:</label>
<input class="form-control py-2 h-auto" type="text" id="audiencex-id" aria-label="AudienceX Pixel ID"
placeholder="" />
</div>
</template>
<template v-else-if="item.tags.indexOf('hivewyre-pixel') > -1">
<div class="col-6 mb-4">
<label class="mb-2">Hivewyre pixel ID:</label>
<input class="form-control py-2 h-auto" type="text" id="hivewyre-id" aria-label="Hivewyre Pixel ID"
placeholder="" />
</div>
</template>
<template v-else-if="item.tags.indexOf('power-inbox-pixel') > -1">
<div class="col-6 mb-4">
<label class="mb-2">Power inbox pixel ID:</label>
<input class="form-control py-2 h-auto" type="text" id="power-inbox-id"
aria-label="Power Inbox Pixel ID" placeholder="" />
</div>
</template>
<template v-else-if="item.tags.indexOf('trust-pilot-pixel') > -1">
<div class="col-6 mb-4">
<label class="mb-2">Trust pilot pixel ID:</label>
<input class="form-control py-2 h-auto" type="text" id="trust-pilot-id"
aria-label="Trust Pilot Pixel ID" placeholder="" />
</div>
</template>
<template v-else-if="item.tags.indexOf('retargeter-pixel') > -1">
<div class="col-6 mb-4">
<label class="mb-2">Retargeter pixel ID:</label>
<input class="form-control py-2 h-auto" type="text" id="retargeter-id"
aria-label="Retargeter Pixel ID" placeholder="" />
</div>
</template>
<template v-else-if="item.tags.indexOf('bouncex-pixel') > -1">
<div class="col-6 mb-4">
<label class="mb-2">BounceX pixel ID:</label>
<input class="form-control py-2 h-auto" type="text" id="bouncex-id" aria-label="BounceX Pixel ID"
placeholder="" />
</div>
</template>
<template v-else-if="item.tags.indexOf('snapchat-pixel') > -1">
<div class="col-6 mb-4">
<label class="mb-2">Snapchat pixel ID:</label>
<input class="form-control py-2 h-auto" type="text" id="snapchat-id" aria-label="Snapchat Pixel ID"
placeholder="" />
</div>
</template>
<template v-else-if="item.tags.indexOf('awin-pixel') > -1">
<div class="col-6 mb-4">
<label class="mb-2">AWIN merchant ID:</label>
<input class="form-control py-2 h-auto" type="text" id="awin-merchant-id"
aria-label="AWIN Merchant ID" placeholder="" />
</div>
</template>
</template>
<div class="col-12">
<div class="custom-control custom-checkbox mb-3">
<input type="checkbox" class="custom-control-input" id="terms-agree">
<label class="custom-control-label" for="terms-agree">By checking this box, you agree to our <a
href="/pages/services-packages-terms-of-service" class="" target="_blank" rel="noopener">Terms of
Service</a>.</label>
</div>
<h4 class="text-gray-600">Thank you for your patience:</h4>
<p class="text-gray-600 text-16">As soon as we review your idea, we'll give you an update. Please notice
that any access to the product(s) or service offered by HulkApps does not count for a refund. However,
should you experience problems with your order, we urge you to reach out to our
<a href="https://hulk.freshdesk.com/support/tickets/new"
target="_blank" rel="noopener" class="" aria-label="Dedicated support team">
dedicated support team
</a>.
</p>
<button class="btn btn-secondary mr-3" type="submit" name="checkout" disabled
onclick="event.preventDefault(); app.onCheckout(event);" >Proceed to Checkout</button>
<a href="/pages/how-it-works" class="mt-2" target="_blank" rel="noopener"><span class="text-underline">Unsure how it
works</span><i class="ion ion-md-arrow-round-forward ml-2"></i></a>
</div>
</form>
</div>
</div>
</div>
</div><div class="pricing-popup mt-4 ">
<div class="modal-dialog modal-lg m-0" style="max-width: 800px;" role="document">
<div class="modal-content shadow rounded-0 border-0 px-6 py-4">
<div class="modal-header border-0 p-0">
<button type="button" class="btn close pricing-close-popup shadow-none" data-dismiss="modal" aria-label="Close" style="opacity: 1;" @click.prevent="__modalPopup($event)">
<i class="ion ion-ios-close h1 mb-0"></i>
</button>
</div>
<div class="modal-body p-0">
<!--<div style="margin:0 auto;" class="pxFormGenerator" id=""></div>--><div style="margin:0 auto;" class="pxFormGenerator" id=""></div></div>
</div>
</div>
</div></div>
<div id="hulkapps-popup" class="modal fade" tabindex="-1" role="dialog">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<button aria-label="close" class="btn btn-link btn-close text-right shadow-none">
<i class="icon ion-md-close"></i>
</button>
<div class="modal-body pt-0">
<p class="text-justify mb-0 p-3">Rising to serve you better, we are delighted to announce that PlanetX has been acquired by HulkApps, a Chicago-based leading Shopify agency. The combination of HulkApps Shopify services and PlanetX's strong capabilities in the eCommerce industry will lead to continued growth for both companies.</p>
</div>
</div>
</div>
</div>
<div class="modal fade" id="indexing_popup" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered m-3">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body px-4">
<div class="modal-art-content"></div>
<div class="modal-art-helpful"></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger text-white" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- <div class="modal fade image-modal" id="imagemodal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-lg" style="max-height: 100px;">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">
<i class="ion ion-md-close"></i>
<span class="d-none">Close</span>
</button>
</div>
<div class="modal-body text-center"><img src="https://cdn.shopify.com/s/files/1/1564/7647/files/HA_Logo.svg?v=1646376061" class="img-fluid imagepreview" alt="Image Preview"></div>
</div>
</div>
</div> -->
<div class="modal fade cart-message-modal" id="cart-message" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-lg">
<div class="modal-content">
<div class="modal-header">
<h3 class="" id="myModalLabel">Oops! Please check your cart.</h3>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body px-3">
<h4>Looks like your cart already has a lateral package! Please remove it to proceed.</h4>
</div>
</div>
</div>
</div>
<div data-app-scripts></div>
<script>
// IE11 => recognize the remove() method
Element.prototype.remove = function() {
this.parentElement.removeChild(this);
}
NodeList.prototype.remove = HTMLCollection.prototype.remove = function() {
for(var i = this.length - 1; i >= 0; i--) {
if(this[i] && this[i].parentElement) {
this[i].parentElement.removeChild(this[i]);
}
}
}
// IE11 => responsive images
function loadJS(u){var r = document.getElementsByTagName("script")[0], s = document.createElement("script");s.src = u;r.parentNode.insertBefore(s, r);}
if(!window.HTMLPictureElement){
document.createElement('picture');
loadJS("//cdn.jsdelivr.net/g/respimage(respimage.min.js+plugins/mutation/ri.mutation.min.js+plugins/intrinsic-dimension/ri.intrinsic.min.js+plugins/typesupport/ri.type.min.js)");
}
</script>
<script type="text/javascript" src="//www.hulkapps.com/cdn/shop/t/331/assets/vendors@layout.theme.js?v=130180452928213393621752561832" defer="defer"></script><script type="text/javascript" src="//www.hulkapps.com/cdn/shop/t/331/assets/layout.theme.js?v=32044456156512041311752561810" defer="defer"></script><script>
window.theme = {
moneyFormat: "${{amount}}",
productExcludeTag: "",
sizeSwatchesEnabled: false,
productReviewsEnabled: true,
utilitiesAppEnabled: true
};
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"url": "https://www.hulkapps.com",
"name": "HulkApps",
"logo": {
"@type": "ImageObject",
"url": "https://www.hulkapps.com/cdn/shop/files/Hulk_Logo_New_200x.svg?v=1740386263"
},
"sameAs": [
"https://www.facebook.com/hulkapps1",
"https://twitter.com/hulkapps",
"https://www.instagram.com/hulkapps/"
]
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"url": "https://www.hulkapps.com",
"potentialAction": {
"@type": "SearchAction",
"target": "https://www.hulkapps.com/search?q={search_term_string}",
"query-input": "required name=search_term_string"
}
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"item": {
"@id": "https://www.hulkapps.com",
"name": "Home"
}
}
,{
"@type": "ListItem",
"position": 2,
"item": {
"@id": "https://www.hulkapps.com/blogs/compare",
"name": "比較する"
}
}
,{
"@type": "ListItem",
"position": 3,
"item": {
"@id": "https://www.hulkapps.com/blogs/compare/compare/shopifyw3-vs-6",
"name": "Shopifyの商品オプションアプリ：W3カスタム商品オプション vs. バリアント画像ペンギン"
}
}
]
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"articleBody": " Shopify Product Optionsアプリ：W3 Custom Product OptionsとVariant Image Penguinの比較 目次 はじめにW3 Custom Product Optionsの使い方は？Variant Image Penguinの使い方は？W3 Custom Product Optionsの料金は？Variant Image Penguinの料金は？費用分析：W3 Custom Product Options vs. Variant Image Penguinユーザーレビューとカスタマーサポートのインサイト統合と互換性の比較まとめ はじめに Shopifyは、全世界で170万以上のショップが利用する、現代のECサイトの基盤となっており、中小企業から大企業まであらゆる規模のビジネスがオンラインで販売するためのアクセス可能なプラットフォームを提供しています。この広範なマーケットにおいて、カスタマイズ可能な商品オプションを提供する能力は重要視されています。商品オプションに特化したShopifyアプリは、顧客体験を向上させるために個別の選択肢を提供し、個別の好みとニーズに対応します。そして、この変革的なツールの中でも、W3 Custom Product OptionsとVariant Image Penguinは目立っています。これらのアプリは、製品をカスタマイズするプロセスに流動性と精緻さをもたらし、販売だけでなく、顧客を引き付け興奮させることができます。これらのアプリがオンラインショッピング体験をどのように変えるのかを探求してみましょう。それぞれの機能、統合の容易さ、および顧客満足度に焦点を当てて。 W3 Custom Product Optionsの使い方は？ W3 Custom Product Optionsは、商品のカスタマイズの可能性を広げる多目的なアプリです。これにより、ショッパーは選択したオプションに基づいて商品のライブ変更をプレビューすることができます。主な機能には、以下が含まれます：-アドオン価格設定：追加料金オプションや複雑な価格体系が可能です。-前の選択に基づいて利用可能なオプションを適応する条件付きロジック-イメージのカスタマイズ：顧客が設定のビジュアル表現を見ることができます。これらの機能は、よりダイナミックでインタラクティブなショッピング体験を提供したい、どんな規模のビジネスでも特に重要です。スタートアップ企業から大企業まで、リアルタイムで商品のバリエーションを表示する能力は、顧客のエンゲージメントと満足度を大幅に向上させることができます。W3 Custom Product Optionsの使用により、標準的な商品ページをインタラクティブなデザインスタジオに変えることができ、知覚される価値とコンバージョン率の向上につながる可能性があります。 Variant Image Penguinの使い方は？ Variant Image Penguinは、画像管理を簡素化することにより、商品のカスタマイズの課題に取り組んでいます。このアプリは、選択した商品バリアントの画像だけを表示し、わかりやすく直感的なショッピング体験を提供します。特筆すべき機能には、次のものがあります：-1つの商品バリアントに複数の画像を割り当てることができるが、製品ページが混乱することはありません。-選択したオプションに顧客の注意を集中させるクリーンなデザイン-ドラッグアンドドロップ機能による画像の割り当ての簡単さ製品カタログが広範囲であるか、さまざまなバリアントで商品が提供されている場合、Variant Image Penguinはオプションの簡潔でわかりやすい表示に結びつく明確な方法を提供します。スタートアップ企業は提供されるシンプルさの利点を享受し、中小企業や大企業は顧客エクスペリエンスを損なうことなく大規模な在庫をより管理することができます。 W3 Custom Product Optionsの料金は？ 商品オプションのソリューションを探す旅では、費用効率が重要です。 W3 Custom Product Optionsには2つの価格プランがあります：-クラシックプラン：月額$8.99で、無制限のオプション、追加料金オプション、条件付きロジックが含まれます。予算をオーバーすることなく、カスタマイズニーズを総合的にサポートするビジネスに適しています。 - Proプラン：月額$18.99で、Classicプランのすべてに加えて、イメージカスタマイザー、イメージピッカーオプション、幅×高さの計算が追加されます。このプランは、高度なビジュアルカスタマイズツールが必要な確立されたビジネスに最適です。これらのプランには追加の費用や手数料はかかりませんので、コストを抑えながら機能を最大限に活用したいビジネスにとって魅力的なオプションです。 Variant Image Penguinの料金は？ Variant Image Penguinは、さまざまな店舗の規模に合わせた3つの価格オプションを提供しています：-20商品まで：月額$4.99で、少数商品の範囲を効果的に表示できます。-250商品まで：月額$9.99で、中規模店舗向けのバランスの取れたコストと機能を提供します。-250商品以上：月額$19.99で、無制限の商品を持つ大規模店舗は広範な商品画像を簡単に管理することができます。これらの価格オプションにより、ビジネスは必要なもののみを支払い、経営規模に応じた費用を適切に調整することができます。 費用分析：W3 Custom Product Options vs. Variant Image Penguin W3 Custom Product OptionsとVariant Image Penguinの価格戦略を比較すると、両方のアプリが商品カスタマイズの異なる側面に対応していることがわかります。W3 Custom Product Optionsは、視覚的なサポートを備えたより洗練されたカスタマイズツールを提供し、Variant Image Penguinは、製品表示に特化した画像管理に取り組んでいます。各価格ポイントでの価値提供は、アプリの主要機能とターゲット市場を反映しており、両方のアプリはフィット感を評価するためのトライアル期間を提供しています。 ユーザーレビューとカスタマーサポートのインサイト W3 Custom Product Optionsは良いですか？297件のレビューで4.8つ星の評価を受けているW3 Custom Product Optionsは、ユーザーから好評です。このフィードバックからは、ユーザーがアプリの堅牢な機能セットと製品カスタマイズの視覚化能力を高く評価していることが示唆されます。利用可能なデータには具体的なカスタマーサポートの言及はありませんでしたが、高評価は提供されるサポートに対するユーザーの満足度を意味している可能性があります。 Variant Image Penguinは良いですか？118件のレビューで4.5つ星の評価を受けているVariant Image Penguinも好意的な意見を得ています。ユーザーはおそらく、商品画像のバリアントを簡素化するアプリの集中的なアプローチを評価しているため、ショッピング体験がクラッターなく効率的になることでしょう。W3と同様に、この評価は、カスタマーサポートの品質に対するユーザーの満足度を示しているものの、具体的なデータは不明です。 ユーザーの好み：W3 Custom Product OptionsまたはVariant Image Penguin？両方のアプリが高い評価を受けていますが、わずかに高い評価と多数のレビューを持つW3 Custom Product Optionsがより好まれているようです。これは、W3のより広範なカスタマイズ機能に起因するかもしれませんが、商品オプションの領域内でそれぞれのアプリの独自の目的を考慮する必要があります。 統合と互換性の比較 W3 Custom Product Optionsの統合：W3 Custom Product Optionsは他のソフトウェアやツールとの統合をリストしていませんが、スタンドアロンの機能を持っている可能性があります。Shopifyのコンテキストでは、これはShopifyエコシステム内でシームレスに機能するように設計されているため、店舗オーナーにとってセットアッププロセスを簡単にするかもしれません。 Variant Image Penguinの統合：W3と同様に、Variant Image Penguinも特定の統合を宣伝していません。製品画像表示の最適化に特化しているため、Shopifyとの互換性に細心の注意を払って調整されている可能性があります。 まとめ W3 Custom Product OptionsとVariant Image Penguinの間で、Shopifyの店舗オーナーは2つの強力なツールにアクセスできます。W3 Custom Product Optionsは、商品オプションのダイナミックなカスタマイズと視覚化に優れており、Variant Image Penguinは製品バリアントに関連する画像の整理に簡素なソリューションを提供します。ユーザーレビューはW3にわずかに好意的であり、これは広範なカスタマイズ機能に起因する可能性があります。両方のアプリは、独自の方法で商売をする企業に役立ちます。W3 Custom Product Optionsは、包括的なカスタマイズと即座の視覚フィードバックを必要とするビジネスに合います。一方、Variant Image Penguinは顧客を圧倒することなく製品を明確に表示したいという優先順位を持つ企業にアピールします。最終的に、選択はShopifyストアのオーナーの具体的なニーズと目標に依存します。両方のアプリは、考えられた効果的な商品カスタマイズによってオンラインショッピング体験を再定義する過程で役立つ役割を果たしています。 まだ最適なものをお探しですか？究極のShopifyアプリオプションを見つけるのは大変なことです。店舗オーナーとして、ショッピング体験を簡素化し、顧客にスムーズでカスタマイズ可能な購入プロセスを提供することが目標です。それが、Hulk Product Optionsアプリが登場する場面です。このアプリは、多様なニーズに対応するために精密に作成されたソリューションであり、柔軟性を備えています。Hulk Product Optionsの主な特徴包括的なカスタマイズ：Hulk Product Optionsアプリは、製品のカスタマイズだけでなく、フィルターやバンドラとしての役割も果たし、競争力のあるアプローチを可能にします。画像のアップロードによる個人化：お客様が画像をアップロードして本当に個人的な商品を作れるようにします。簡単な一括適用：数千の商品にカスタムオプションを一度に適用して、時間を効率的に管理します。ショッピング体験の向上：写真やカラースワッチなどのビジュアル要素を提供することで、製品選択をよりインタラクティブで満足のいくものにします。チェックアウトの最適化：Shopifyの「今すぐ購入」やShop Payのエクスプレスチェックアウトボタンと完全に互換性があり、購入までの経路を短縮します。なぜHulk Product OptionsアプリをおすすめするのかHulk Product Optionsアプリをおすすめする理由は、常にカスタマイズの課題に立ち向かうからです。小さなブティック店または大規模なeコマース企業を運営していても、当社のアプリの柔軟性とユーザーセントリックなデザインにより、お客様の独自の好みや欲望に合わせた製品を提供することができます。価格設定Basicプラン：月額$10で、カラー/イメージスワッチやファイルのアップロードなど12のオプションタイプを利用できます。Advancedプラン：月額$20のティアで、20のオプションタイプと、条件ロジックやカートでの編集オプションなどの追加機能が利用できます。Enterpriseプラン：月額$49.90で、在庫管理やGoogleフォントピッカーなどのプレミアムツールを含むフル機能の体験を提供します。DEVELOPMENTプラン：パートナーの開発ストアに対しては、すべてのアプリ機能をテストするために完全に無料。マーチャントフィードバックとサポートHulk Product Optionsアプリは、1682件のレビューで4.7つ星の高い満足度評価を誇っています。店舗のオーナーは、インストールの容易さ、効率的な在庫管理、およびサポートチームの支援により満足度が高いと評価しています。サポートチームは迅速に問い合わせに対応し、積極性を持って解決策を提供します。Hulk Product Optionsで自分に合ったものを見つけようビジネスの一意なニーズを理解し、一緒に成長するアプリをお探しですか？もう探す必要はありません。Hulk Product Optionsは単なるアプリ以上で、eコマースの旅におけるあなたのパートナーです。お客様にパーソナライズの力を与える準備はできていますか？さあ、始めましょう。Hulk Product Optionsを今すぐ探索 ",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://www.hulkapps.com"
},
"headline": "Shopifyの商品オプションアプリ：W3カスタム商品オプション vs. バリアント画像ペンギン",
"image": [
"https://www.hulkapps.com/cdn/shop/articles/W3CustomProductOptionsVariantImagePenguin_1920x.jpg?v=1710861066"
],
"datePublished": "2024-03-19T20:41:05Z",
"dateCreated": "2024-03-19T20:41:05Z",
"author": {
"@type": "Person",
"name": "HulkApps"
},
"publisher": {
"@type": "Organization",
"logo": {
"@type": "ImageObject",
"height": "1080",
"url": "https://www.hulkapps.com/cdn/shop/articles/W3CustomProductOptionsVariantImagePenguin_1920x.jpg?v=1710861066",
"width": "1920"
},
"name": "HulkApps"
}
}
</script>
<script type="text/javascript">
var wowele = document.getElementsByClassName('wow');
if (wowele.length > 0) {
var wowScript = "https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js";
var s = document.createElement( 'script' );
s.setAttribute( 'src', wowScript );
document.head.appendChild( s );
}
</script>
<script defer async style="text/javascript">
window.addEventListener('load', function() {
let urlData = '"https:\/\/d23dclunsivw3h.cloudfront.net\/redirect-app.js?shop=hulkapps.myshopify.com","https:\/\/cdn.opinew.com\/js\/opinew-active.js?shop=hulkapps.myshopify.com"';
urlData = urlData.split(',');
if (urlData.length > 0) {
for (i = 0; i < urlData.length; i++) {
var linkUrl = urlData[i].replaceAll('"','');
if(linkUrl.indexOf('reviews.hulkapps.com') > -1|| linkUrl.indexOf('contactform.hulkapps.com') > -1){if (linkUrl.indexOf('reviews.hulkapps.com') <= -1) {
var s = document.createElement( 'script' );
s.setAttribute( 'src', linkUrl );
s.defer = true;
document.head.appendChild( s );
}} else if(linkUrl.indexOf('formbuilder.hulkapps.com') > -1){} else{
var s = document.createElement( 'script' );
s.setAttribute( 'src', linkUrl );
s.defer = true;
document.head.appendChild( s );
}
}
}
var calendlyele = document.getElementsByClassName('calendly-popup');
if (calendlyele.length > 0) {
var calendyScript = document.createElement( 'script' );
calendyScript.setAttribute( 'src', 'https://assets.calendly.com/assets/external/widget.js' );
calendyScript.defer = true;
document.head.appendChild( calendyScript );
}
});
</script>
<script>
function copyToClipboard(inputId, currentBtn) {
/* Get the text field */
var inputField = currentBtn.closest("div").querySelector(inputId);
/* If it isn't "undefined" and it isn't "null", then it exists. */
if(inputField && typeof(inputField) != 'undefined' && inputField != null) {
/* Copy the text inside the text field */
navigator.clipboard.writeText(inputField.value);
/* Change button text and background */
currentBtn.style.background = '#008000';
currentBtn.innerHTML = 'Copied !';
setTimeout(() => {
currentBtn.style.background = '#4a4a4a';
currentBtn.innerHTML = 'Copy Code';
}, 3000);
}
}
</script>
<script>!function () {var reb2b = window.reb2b = window.reb2b || [];if (reb2b.invoked) return;reb2b.invoked = true;reb2b.methods = ["identify", "collect"];reb2b.factory = function (method) {return function () {var args = Array.prototype.slice.call(arguments);args.unshift(method);reb2b.push(args);return reb2b;};};for (var i = 0; i < reb2b.methods.length; i++) {var key = reb2b.methods[i];reb2b[key] = reb2b.factory(key);}reb2b.load = function (key) {var script = document.createElement("script");script.type = "text/javascript";script.async = true;script.src = "https://s3-us-west-2.amazonaws.com/b2bjsstore/b/" + key + "/reb2b.js.gz";var first = document.getElementsByTagName("script")[0];first.parentNode.insertBefore(script, first);};reb2b.SNIPPET_VERSION = "1.0.1";reb2b.load("Y4O7Z0H2Y3NX");}();</script>
<script>
let faqQuestion = [];
let faqAnswer = [];
if (document.querySelectorAll('.article-content').length) {
document.querySelectorAll('.article-content ul li.text-gray-900').forEach(function (v) {
faqQuestion.push(v.innerHTML.split('<ul')[0].trim().replace(/\n/g, '').replace(/\t/g, ''))
});
document.querySelectorAll('.article-content ul li.text-gray-900 ul li:first-child').forEach(function (v) {
faqAnswer.push(v.innerText.trim())
});
_callSchemaMarkupacrticle();
}
function _callSchemaMarkupacrticle() {
let object = {
"@context": "https://schema.org",
"@type": "ClaimReview",
"datePublished": "2024-03-19 20:41:05 +0530",
"url": "/ja/blogs/compare/shopifyw3-vs-6",
"claimReviewed": "比較する",
"itemReviewed": {
"@type": "Claim",
"author": {
"@type": "Organization",
"name": "Shopifyの商品オプションアプリ：W3カスタム商品オプション vs. バリアント画像ペンギン"
},
},
"reviewRating": {
"@type": "Rating",
"ratingValue": "5",
"bestRating": "5",
"worstRating": "1",
"alternateName": "False"
},
"mainEntity": []
};
let faqs = []
for (let [i, question] of faqQuestion.entries()) {
let tempObj = {
"@type": "Question",
"name": faqQuestion[i],
"acceptedAnswer": {
"@type": "Answer",
"text": faqAnswer[i]
}
}
faqs.push(tempObj);
}
object.mainEntity = faqs;
console.log(object, 'object')
const jsonldScript = document.createElement('script');
jsonldScript.id = "faqs-schema";
jsonldScript.setAttribute('type', 'application/ld+json');
jsonldScript.textContent = JSON.stringify(object);
document.head.appendChild(jsonldScript);
}
</script>
<div class="msg-tooltip wishlistError"></div>
<div class="hulk__wishlist-wrap" style="display:none">
<div class="wishlist-popup" data-hulkappsMyWishlistPopup>
<div class="wishlist-modal modal-medium">
<div class="wishlist-modal__content">
<div class="wishlist-modal__header" style="padding-top: 15px;">
<h2 data-sidebarWidgetwishlisttitle>Your wishlist</h2>
<button class="close-popup" data-closeMyWishlistPopup2><span class="icon-wishlist-cross"></span></button>
</div>
<div class="wishlist-modal__body">
<select class="hulk-wishlists" data-sidebarWidgetHulkWishlists style="display: none;"></select>
<div class="wishlist-empty" data-hulkemptywishlist="" style="display: none;">
<div class="empty_content">
<span>Please add product to your wishlist to see them here.</span>
</div>
</div>
<div class="wishlist-login" data-hulkloginmsg="" style="display: none;">
<div class="empty_content">
<span>Login to see your wishlist!</span>
</div>
</div>
<ul class="bulk_action">
<li data-selectallwishlist="" style="display: inline-block;"><input type="checkbox" id="hulk_select_all" name="select_all" value="select_all" data-com.bitwarden.browser.user-edited="yes"><span>Select All</span></li>
<li data-hulkmoveallitmes="" style="display: none;"><a href="javascript:void(0)" aria-describedby="a11y-external-message">Move to cart</a></li>
<li data-hulkdeleteallitmes="" style="display: none;"><a href="javascript:void(0)" aria-describedby="a11y-external-message">Delete</a></li>
</ul>
<div class="wishlist-grid-view" data-hulkMyWishlistItems="" style="display: flex;">
</div>
</div>
<div class="wishlist-modal__footer">
<a href="/account/login" class="hulkBtnStyle" data-loginBtn style="display: none;">Login</a>
<a href="//" class="wishlist-btn hulkBtnStyle" data-viewMore style="display: none;">Explore more products</a>
<a href="/collections" class="wishlist-btn hulkBtnStyle" data-addProductBtn style="display: none;">Add products</a>
<button class="wishlist-btn hulkBtnStyle close-btn" data-closeMyWishlistPopup style="display: none; margin-left: 15px;">Close</button>
</div>
</div>
</div>
</div>
<div class="wishlist-popup" data-hulkappsWishlistPopup>
<div class="wishlist-modal modal-small">
<div class="wishlist-modal__content">
<div class="wishlist-modal__header">
<h2 data-hulkWishlistHeading>Add to wishlist</h2>
<button class="close-popup" data-closeWishlistPopup><span class="icon-wishlist-cross"></span></button>
</div>
<div class="wishlist-modal__body">
<p data-chooseWishlistText>Choose your wishlist to be added</p>
<form>
<ul class="choose-wishlist-option" data-userWishlists>
</ul>
<ul class="choose-wishlist-option" >
<li data-openCreateSection>
<a href="#" class="creat_link">
<span class="icon-wishlist-plus hulkThemeColor"></span><span data-createWishlistText class="hulkThemeColor">Create New wishlist</span>
</a>
</li>
<li data-addNewWishlist style="display: none">
<div class="input-group">
<button class="close-new-wishlist-input" data-closenewwishlistinput="" style="font-size: 10px;float: right;padding: 6px; color: #aaa;">
<span class="icon-wishlist-cross"></span>
</button>
<label for="newWishlist" class="wishlist-checkbox"><span></span><input data-newWishlist type="text" placeholder="Ex. Watch" value=""></label>
<button class="wishlist-btn hulkBtnStyle" data-saveNewWishlist>Save</button>
</div>
</li>
</ul>
</form>
</div>
<div class="wishlist-modal__footer">
<a data-myWishlistText href="/apps/advanced-wishlist" class="modal-footer-link hulkThemeColor">
My Wishlist
</a>
<button class="wishlist-btn hulkBtnStyle" disabled data-AddToWishlist>Save</button>
</div>
</div>
</div>
</div>
<div class="wishlist-popup wishlist-share-popup" data-HulkappsShare>
<div class="wishlist-modal modal-small">
<div class="wishlist-modal__content">
<button class="close-popup" data-closewishlistpopup><span class="icon-wishlist-cross" data-closeWishlistPopup></span></button>
<div class="wishlist-modal__body">
<div class="wishlist-custom-email-popup">
<h5 data-emailPopupTitle style="font-size: 20px;">Share List Via Email</h5>
<form action="/share-wishlist" method="post" class="floating-form" role="share-wishlist" data-HulkEmailForm>
<div class="floating-label">
<input type="text" class="floating-input" placeholder=" " name="name" value="" aria-label="Search our store">
<span class="highlight"></span>
<label id="from_name_label">Sender Name*</label>
</div>
<div class="floating-label">
<input type="email" class="floating-input" placeholder=" " name="email" value="" aria-label="Search our store">
<span class="highlight"></span>
<label id="email_label">Recipients Email*</label>
</div>
<div class="floating-label">
<input type="text" class="floating-input" placeholder=" " name="subject" value="" aria-label="Search our store">
<span class="highlight"></span>
<label id="subject_label">Subject*</label>
</div>
<div class="floating-label">
<textarea id="body" class="floating-input" placeholder=" " name="body" rows="4" style="width: 100%"></textarea>
<span class="highlight"></span>
<label for="body" id="email_body_label">Message*</label>
</div>
<div class="floating-label" style="margin-bottom: 20px;">
<button type="submit" class="wishlist-btn hulkBtnStyle" data-HulkSendEmailButton>SHARE WISHLIST</button>
</div>
</form>
</div>
<hr>
<div class="wishlist-modal__header" style="margin-bottom: 1rem;">
<h5 style="font-size: 18px;">Or Share Via</h5>
</div>
<ul class="social-list-icon">
<li><a href="#" data-shareFacebook target="_blank" rel="noopener"><img src="https://hulkapps-wishlist.nyc3.digitaloceanspaces.com/assets/images/ic_facebook_1.svg" alt="Facebook Share" /></a></li>
<li><a href="#" data-sharePintrest target="_blank" rel="noopener"><img src="https://hulkapps-wishlist.nyc3.digitaloceanspaces.com/assets/images/ic_pinterest_1.svg" alt="Pinterest Share" /></a></li>
<li><a href="#" data-shareTwitter target="_blank" rel="noopener"><img src="https://hulkapps-wishlist.nyc3.digitaloceanspaces.com/assets/images/ic_pinterest_1.svg" alt="Twitter Share" /></a></li>
<li><a href="#" data-copyshareURLButton target="_blank" rel="noopener"><img src="https://hulkapps-wishlist.nyc3.digitaloceanspaces.com/assets/images/ic_email_1.svg" alt="Email Share" title="Copy wishlist link"/></a></li>
</ul>
<p style="display: none">Copy wishlist link to share</p>
<form class="input-group search-bar" style="padding: 0;">
<input type="text" id="shareURL" value="" class="input-group-field" data-shareURL readonly />
<span class="input-group-btn">
<button type="button" class="wishlist-btn hulkBtnStyle" data-copyshareURLButton>
<p>Copy</p>
</button>
</span>
</form>
</div>
</div>
</div>
</div>
<div class="wishlist-popup wishlist-share-popup" data-HulkappsSubscribe>
<div class="wishlist-modal modal-small">
<div class="wishlist-modal__content">
<button class="close-popup" data-closewishlistpopup><span class="icon-wishlist-cross" data-closeWishlistPopup></span></button>
<div class="wishlist-modal__body">
<div class="Subscribe-content">
<h5 data-popupTitle>Subscribe and get alerts about your Wishlist</h5>
<p data-popupSubTitle>We will notify you on events like Low stock, Restock, Price drop or general reminders so that you don’t miss the deal</p>
</div>
<form action="/subscribe" method="post" class="input-group search-bar" role="subscribe" data-HulkSubscribeForm>
<input type="email" name="email" value="" placeholder="user@gmail.com" class="input-group-field" aria-label="Search our store">
<span class="input-group-btn">
<button type="submit" class="wishlist-btn hulkBtnStyle" data-HulkSubscribeButton>Subscribe</button>
</span>
</form>
</div>
</div>
</div>
</div>
<div class="wishlist-popup wishlist-card" data-hulkQuickView >
<div class="wishlist-modal modal-medium">
<div class="wishlist-modal__content">
<div class="wishlist-modal__body product-view-popup">
<button class="close-popup" data-closewishlistpopup><span class="icon-wishlist-cross" data-closeWishlistPopup></span></button>
<div class="wrapper_grid">
<div class="grid_5">
<div class="wishlist-carousel-main carousel" data-mainCarousal>
<div class="carousel-inner">
</div>
<ol class="carousel-indicators" data-navCarousel>
</ol>
<div class="slider-arrows">
<div class="carousel-control left">
<div class="arrow left">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 256 256" style="enable-background:new 0 0 256 256;" xml:space="preserve"> <g> <g> <polygon points="48.9,128 176.9,256 207.1,225.8 109.3,128 207.1,30.2 176.9,0 "/> </g> </g> </svg>
</div>
</div>
<div class="carousel-control right">
<div class="arrow right">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 256 256" style="enable-background:new 0 0 256 256;" xml:space="preserve"> <g> <g> <polygon points="79.093,0 48.907,30.187 146.72,128 48.907,225.813 79.093,256 207.093,128 "/> </g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> </svg>
</div>
</div>
</div>
</div>
</div>
<div class="grid_7">
<div class="popup-details">
<div class="popup-product-info">
<p class="vendor" data-vendor></p>
<p class="title" data-title></p>
<p class="price" data-price></p>
</div>
<div class="popup-product-offer" data-shortDscription>
<p></p>
<p></p>
<p></p>
</div>
<button class="wishlist-btn hulkBtnStyle" data-addprotocart>Move to cart</button>
<p class="products-details-link hulkThemeColor"><a data-goToProduct class="hulkThemeColor">See Product Details</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Wish list delete popup design -->
<div class="wishlist-popup wishlist-delete-popup" data-hulkappsDeletePrompt>
<div class="wishlist-modal modal-small">
<div class="wishlist-modal__content">
<div class="wishlist-modal__body">
<button class="close-popup" data-closewishlistpopup><span class="icon-wishlist-cross"></span></button>
<h4>Are you sure you want to delete this wishlist?</h4>
<div class="btn-wrap">
<button class="wishlist-btn hulkBtnStyle" data-deleteHulkWishlist >Yes</button>
<button class="wishlist-btn hulkBtnStyle" data-closewishlistpopup>No</button>
</div>
</div>
</div>
</div>
</div>
<!-- Wish list delete wishlist items popup design -->
<div class="wishlist-popup wishlist-delete-popup" data-hulkappsDeleteItemsPrompt>
<div class="wishlist-modal modal-small">
<div class="wishlist-modal__content">
<div class="wishlist-modal__body">
<button class="close-popup" data-closeWishlistItemsPopup2><span class="icon-wishlist-cross"></span></button>
<h4 data-hulkDeleteItemsPopupTitle>Are you sure you want to delete selected wishlist products?</h4>
<div class="btn-wrap">
<button class="wishlist-btn hulkBtnStyle" data-deleteHulkWishlistItems >Yes</button>
<button class="wishlist-btn hulkBtnStyle" data-closeWishlistItemsPopup>No</button>
</div>
</div>
</div>
</div>
</div>
<!-- Wish list move wishlist items popup design -->
<div class="wishlist-popup wishlist-delete-popup" data-hulkappsMoveItemsPrompt>
<div class="wishlist-modal modal-small">
<div class="wishlist-modal__content">
<div class="wishlist-modal__body">
<button class="close-popup" data-hulkappsMoveItemsCancel><span class="icon-wishlist-cross"></span></button>
<h4 data-hulkMoveItemsPopupTitle>Out of stock products will be not move. Are you want to move selected wishlist products?</h4>
<div class="btn-wrap">
<button class="wishlist-btn hulkBtnStyle" data-hulkappsMoveItemsOk >Yes</button>
<button class="wishlist-btn hulkBtnStyle" data-hulkappsMoveItemsCancel >Cancel</button>
</div>
</div>
</div>
</div>
</div>
<div class="wishlist-popup wishlist-help-popup" data-hulkappsHelpTextPrompt>
<div class="wishlist-modal modal-small">
<div class="wishlist-modal__content">
<div class="wishlist-modal__body">
<button class="close-popup" data-closeWishlistPopup><span class="icon-wishlist-cross"></span></button>
<div data-helpTextContent>
<h3 style="text-align: center">Wishlist management page</h3>
<ul>
<li>This page allows you to manage and add wishlist items directly to the cart.</li>
<li>Share your public wishlist on social media, through links, and via custom email.</li>
<li>You can subscribe to get update about your wishlist items</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="wishlist-popup wishlist-unsubscribe-popup" data-hulkappsUnsbuscribePrompt>
<div class="wishlist-modal modal-small">
<div class="wishlist-modal__content">
<div class="wishlist-modal__body">
<button class="close-popup" data-closeWishlistPopup><span class="icon-wishlist-cross"></span></button>
<div style="text-align: center">
<h3 style="text-align: center" data-unsubscribeTitle>You have been unsubscribed</h3>
<h4 data-unsubscribeContent>You will no longer receive emails about wishlist activities from this store.</h4>
<div class="btn-wrap">
<button class="wishlist-btn hulkBtnStyle" data-unsubscribeCloseBtn style="margin-bottom: -3rem;">Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<style>
</style>
</body>
</html> 