<div id="integration-guide">

<div class="ig-section">
<div class="ig-section-header">
<div class="ig-section-icon" style="background:#ecfdf5;color:#059669;"><i class="fas fa-paint-brush"></i></div>
<h2>Customize Shopify Plugin</h2>
</div>
<p class="ig-section-desc">Configure payment options, checkout behaviour, and store settings for the Teya Shopify plugin.</p>

<div class="ig-subsection">
<h3>Payment Methods</h3>
<p>Configure which payment methods are available at checkout:</p>

<table class="ig-comparison">
<thead>
<tr>
<th>Method</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Card Payments</strong></td>
<td>Visa, Mastercard, Amex, Diners Club, and Discover. Enabled by default.</td>
</tr>
<tr>
<td><strong>Apple Pay</strong></td>
<td>Native Apple Pay for supported browsers. Enable in plugin settings.</td>
</tr>
</tbody>
</table>
</div>

<div class="ig-subsection">
<h3>Checkout Settings</h3>

<table class="ig-comparison">
<thead>
<tr>
<th>Setting</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Capture Mode</strong></td>
<td>Automatic (capture immediately) or Manual (authorise and capture later)</td>
</tr>
<tr>
<td><strong>3DS</strong></td>
<td>Always enabled for compliance. Challenges are handled automatically.</td>
</tr>
<tr>
<td><strong>Currency</strong></td>
<td>Uses the store's default currency set in Shopify</td>
</tr>
</tbody>
</table>
</div>

<div class="ig-subsection">
<h3>Refunds</h3>
<p>Process refunds directly from the Shopify admin:</p>
<ol>
<li>Go to <strong>Orders</strong> in your Shopify admin</li>
<li>Select the order to refund</li>
<li>Click <strong>Refund</strong></li>
<li>Enter the refund amount (full or partial)</li>
<li>The refund is automatically processed through Teya</li>
</ol>
</div>

<div class="ig-subsection">
<h3>Webhooks</h3>
<p>The Shopify plugin automatically handles webhook communication between Shopify and Teya. You do not need to manually configure webhooks - the plugin manages payment status synchronisation automatically.</p>
</div>

</div>
</div>
