<div id="integration-guide">

<div class="ig-section">
<div class="ig-section-header">
<div class="ig-section-icon" style="background:#f0fdf4;color:#16a34a;"><i class="fas fa-desktop"></i></div>
<h2>Pay By Link - App / Portal</h2>
</div>
<p class="ig-section-desc">Create and share payment links directly from the Teya Business Portal. No code or technical integration required - perfect for sending individual invoices or collecting one-off payments.</p>

<!-- How it works -->
<div class="ig-subsection">
<h3>How it works</h3>

<div class="ig-flow-steps">
<div class="ig-flow-step"><span class="ig-flow-step-num">1</span> Log in to <a href="https://business.teya.com" target="_blank" rel="noopener">business.teya.com</a></div>
<span class="ig-flow-arrow"><i class="fas fa-arrow-right"></i></span>
<div class="ig-flow-step"><span class="ig-flow-step-num">2</span> Navigate to <strong>Payment Links</strong></div>
<span class="ig-flow-arrow"><i class="fas fa-arrow-right"></i></span>
<div class="ig-flow-step"><span class="ig-flow-step-num">3</span> Create a new payment link</div>
<span class="ig-flow-arrow"><i class="fas fa-arrow-right"></i></span>
<div class="ig-flow-step"><span class="ig-flow-step-num">4</span> Share via email, SMS, or copy URL</div>
</div>

<div class="ig-features">
<div class="ig-feature"><i class="fas fa-check"></i> No code or technical setup required</div>
<div class="ig-feature"><i class="fas fa-check"></i> Create links directly from the portal dashboard</div>
<div class="ig-feature"><i class="fas fa-check"></i> Share via email, SMS, or copy the URL</div>
<div class="ig-feature"><i class="fas fa-check"></i> Track payment status in real time</div>
<div class="ig-feature"><i class="fas fa-check"></i> Automatic receipt sent to customer on payment</div>
</div>
</div>

<!-- Steps -->
<div class="ig-subsection">
<h3>Create a payment link</h3>

<ol>
<li>Log in to the <a href="https://business.teya.com" target="_blank" rel="noopener">Teya Business Portal</a></li>
<li>Select your store from the dashboard</li>
<li>Go to <strong>Payment Links</strong> in the navigation</li>
<li>Click <strong>Create Payment Link</strong></li>
<li>Enter the payment details:
  <ul>
    <li><strong>Amount</strong> - the amount to charge</li>
    <li><strong>Currency</strong> - the payment currency</li>
    <li><strong>Description</strong> - what the payment is for (shown to customer)</li>
    <li><strong>Reference</strong> - your internal order or invoice ID - use this to match payments back to your system (optional)</li>
    <li><strong>Customer email</strong> - to send the link directly (optional)</li>
    <li><strong>Customer phone</strong> - to send via SMS (optional)</li>
  </ul>
</li>
<li>Click <strong>Create</strong> to generate the link</li>
<li>Share the link with your customer or let the portal send it via email/SMS</li>
</ol>

```admonition
icon: fas fa-info-circle
title: Note on link expiry
content: Payment links expire after a set period. If a customer tries to pay an expired link, they will see an error. You can cancel a link early from the <strong>Payment Links</strong> section in the Teya Business Portal, or via the Update Payment Link API endpoint. To resend or issue a new link, use the <strong>Resend</strong> or <strong>Create Payment Link</strong> options in the portal.
```
</div>

<!-- Manage links -->
<div class="ig-subsection">
<h3>Manage payment links</h3>

<p>From the Payment Links section in the portal you can:</p>
<ul>
<li><strong>View status</strong> - see whether a link is pending, paid, or expired</li>
<li><strong>Resend</strong> - send the link again via email or SMS</li>
<li><strong>Copy URL</strong> - copy the link to share manually</li>
<li><strong>Cancel</strong> - cancel an unpaid payment link</li>
</ul>

<p>If you also use the API, you can track payment status programmatically via webhooks - see <a href="/online-payments/webhooks">Webhooks</a> for details.</p>
</div>

<!-- Payment notifications -->
<div class="ig-subsection">
<h3>Payment notifications</h3>
<p>You can configure email notifications for successful payments directly from the Teya Business Portal. This allows you or your team to receive an email alert each time a Pay By Link payment is completed.</p>

<ol>
<li>Log in to the <a href="https://business.teya.com" target="_blank" rel="noopener">Teya Business Portal</a></li>
<li>Go to <strong>Pay By Link</strong> in the navigation</li>
<li>Select <strong>Notifications</strong></li>
<li>Enter the email address(es) to receive successful payment alerts</li>
<li>Save your settings</li>
</ol>

```admonition
icon: fas fa-info-circle
title: Info
content: Notification emails are sent per successful payment. For programmatic event handling, use <a href="/online-payments/webhooks">Webhooks</a> instead.
```
</div>

<!-- Related -->
<div class="ig-subsection">
<h3>Related</h3>
<ul>
<li><a href="/online-payments/pay-by-link/api">Pay By Link via API</a> - Create links programmatically for automated workflows</li>
<li><a href="/online-payments/pay-by-link/customize">Customize</a> - Customize branding and payment page options</li>
<li><a href="/online-payments/webhooks">Webhooks</a> - Receive payment confirmation notifications</li>
<li><a href="/online-payments/testing">Testing</a> - Test cards and integration checklist</li>
</ul>
</div>

</div>
</div>
