Wix Integration
Accept payments on your Wix website with Omise. Simple no-code setup for Wix Stores, bookings, and custom payment forms.
Overviewโ
- No-code setup
- Wix Stores integration
- Wix Bookings support
- Custom payment forms
- Mobile-responsive
- Automatic sync
Setup Methodsโ
Method 1: Wix Stores (Recommended)โ
For e-commerce:
-
Add Wix Stores App
- Wix Editor โ Add โ Store โ Wix Stores
- Set up store basics
-
Configure Payment Gateway
- Settings โ Accept Payments
- Click "Add Payment Method"
- Select "Other Payment Options"
- Choose "Omise"
-
Enter API Credentials
Public Key: pkey_live_xxxxx
Secret Key: skey_live_xxxxx
Mode: Live -
Enable Payment Methods
โ Credit/Debit Cards
โ Internet Banking
โ E-Wallets
Method 2: Payment Linksโ
For simple payments:
- Create payment link in Omise Dashboard
- Add button to Wix page
- Link button to payment URL
- Customize button appearance
Example:
Button text: "Pay Now"
Link to: https://omise.link/your-payment-link
Opens in: New tab
Method 3: Custom Code (Advanced)โ
Using Velo (Wix Code):
// Add to page code
import wixPay from 'wix-pay-backend';
$w.onReady(function () {
$w('#payButton').onClick(() => {
initiatePayment();
});
});
async function initiatePayment() {
const payment = await wixPay.createPayment({
amount: 100.00,
currency: 'THB',
items: [{
name: 'Product Name',
price: 100.00,
quantity: 1
}]
});
// Redirect to Omise payment
wixLocation.to(payment.paymentUrl);
}
Wix Stores Configurationโ
Product Setupโ
Add Products:
1. Store Manager โ Products
2. Add Product
3. Enter product details
4. Set price
5. Configure shipping
6. Publish
Payment Processing:
Customer Flow:
1. Browse products
2. Add to cart
3. Checkout
4. Select Omise payment
5. Complete payment
6. Receive confirmation
Order Managementโ
View Orders:
Wix Dashboard โ Store Manager โ Orders
Order Info:
- Customer details
- Payment method
- Transaction ID
- Payment status
- Fulfillment status
Process Refunds:
Note: Wix Stores refunds must be processed through Omise Dashboard
1. Log in to Omise Dashboard
2. Find transaction
3. Issue refund
4. Update Wix order status manually
Wix Bookings Integrationโ
Setup Bookingsโ
-
Add Wix Bookings
- Add โ Business Tools โ Wix Bookings
- Configure services
-
Connect Omise
- Bookings Settings โ Payments
- Add Omise as payment method
- Enter API credentials
-
Configure Services
Service Setup:
- Service name
- Duration
- Price
- Payment required: Yes
- Payment method: Omise
Booking Flowโ
Customer Journey:
1. Select service
2. Choose time slot
3. Enter information
4. Pay with Omise
5. Receive confirmation
6. Get calendar invite
Payment Methodsโ
Available Methodsโ
Cards:
- Visa
- Mastercard
- American Express
- JCB
Digital Wallets:
- TrueMoney Wallet
- Rabbit LINE Pay
- ShopeePay
Bank Transfer:
- Internet Banking (Thai banks)
- Bank redirects
Installments:
- 3/6/10 month plans
- Minimum THB 3,000
- Thai credit cards
Customizationโ
Payment Button Stylingโ
Wix Editor:
1. Select payment button
2. Design tab
3. Customize:
- Colors
- Font
- Size
- Border
- Padding
Checkout Pageโ
Customize:
- Logo placement
- Color scheme
- Button text
- Terms and conditions
- Privacy policy
Wix Stores Checkout:
Settings โ Checkout
- Customize fields
- Add/remove steps
- Configure policies
- Set up emails
Testingโ
Test Mode Setupโ
For Wix Stores:
1. Use test API keys
2. Create test product
3. Complete test purchase
4. Verify order created
5. Check payment status
Test Cards:
Success: 4242 4242 4242 4242
Failed: 4000 0000 0000 0002
Expiry: Any future date
CVV: Any 3 digits
Mobile Optimizationโ
Automatic Features:
โ Responsive design
โ Mobile-optimized forms
โ Touch-friendly buttons
โ Fast loading
โ Secure checkout
Mobile Preview:
Wix Editor:
- Click mobile icon
- Preview mobile view
- Test payment flow
- Check button sizes
- Verify form usability
Troubleshootingโ
Common Issuesโ
Omise not appearing in payment options:
Solution:
1. Verify API keys entered correctly
2. Check account verified
3. Ensure live mode enabled
4. Contact Wix support
5. Check Omise account status
Payments not processing:
Solution:
1. Verify API keys active
2. Check payment method enabled
3. Test with different card
4. Clear browser cache
5. Check Omise Dashboard for errors
Orders not syncing:
Solution:
1. Check internet connection
2. Verify webhook configuration
3. Test with new order
4. Check Wix order status
5. Review Omise transaction logs
Limitationsโ
Wix Platform Limitations:
- Limited direct API access
- Refunds via dashboard only
- Basic customization options
- No advanced features
- Dependent on Wix updates
Workarounds:
- Use Payment Links for flexibility
- Combine with Velo for custom features
- Use Omise Dashboard for advanced operations
- Consider hybrid approach
Best Practicesโ
Setupโ
โ Test thoroughly before launch
โ Use live keys in production
โ Enable multiple payment methods
โ Set up confirmation emails
โ Add support contact info
โ Display security badges
Customer Experienceโ
โ Clear product descriptions
โ Transparent pricing
โ Visible payment methods
โ Fast checkout process
โ Mobile-friendly design
โ Secure payment indicators
Securityโ
โ Keep API keys private
โ Use HTTPS (automatic with Wix)
โ Enable 3D Secure
โ Monitor transactions
โ Regular account reviews
Frequently Asked Questionsโ
Q: Do I need Wix Premium to use Omise?
A: Yes, accepting payments requires a Wix Premium plan with e-commerce features.
Q: Can I use Omise with Wix free plan?
A: No, payment processing requires a paid Wix plan (Business, Business Unlimited, or Business VIP).
Q: Are there transaction fees from Wix?
A: Wix may charge transaction fees depending on your plan. Check Wix pricing for details.
Q: Can I customize the checkout page completely?
A: Customization is limited to Wix's built-in options. For complete control, consider a custom website.
Q: How do I issue refunds?
A: Process refunds through Omise Dashboard, then update order status in Wix manually.
Q: Can I accept subscriptions?
A: Wix has its own subscription features. For Omise-powered subscriptions, use custom code with Velo.
Q: Is Omise compatible with all Wix templates?
A: Yes, Omise payment processing works with all Wix templates and themes.
Q: Can I use Omise for Wix Bookings?
A: Yes, Omise can be configured as payment method for Wix Bookings services.
Q: What currencies are supported?
A: THB is primary. Other currencies depend on your Omise account setup.
Q: How do I get support?
A: Contact Omise support at support@omise.co for payment issues. Contact Wix support for platform issues.
Next Stepsโ
- Dashboard Guide - Manage payments in dashboard
- Payment Links - Alternative payment method
- Testing Guide - Test your integration
Resourcesโ
Need help? Contact support@omise.co