Skip to main content

Embedding Overview

Learn about the different ways to implement SEOFlow redirects in your Shopify store.

Implementation Methods​

1. JavaScript Implementation​

  • Pros:
    • Easy to implement
    • No server configuration needed
    • Real-time updates
  • Cons:
    • Requires JavaScript
    • Slight performance impact
    • Client-side processing

2. Server-Side Implementation​

  • Pros:
    • Better performance
    • Works without JavaScript
    • More reliable
  • Cons:
    • Requires server configuration
    • More complex setup
    • Manual updates needed

Choosing the Right Method​

Consider These Factors​

  1. Store Size

    • Small stores: JavaScript implementation
    • Large stores: Server-side implementation

  2. Technical Requirements

    • Server access
    • Development resources
    • Performance needs

  3. Update Frequency

    • Frequent updates: JavaScript
    • Infrequent updates: Server-side

Implementation Steps​

JavaScript Implementation​

  1. Copy the embed code from SEOFlow
  2. Add to your theme's layout/theme.liquid
  3. Place before closing </body> tag

Server-Side Implementation​

  1. Download redirect rules
  2. Configure server (Apache/Nginx)
  3. Test implementation

Best Practices​

Performance Optimization​

  • Minify JavaScript code
  • Use async loading
  • Cache redirect rules

Security​

  • Use HTTPS
  • Validate redirects
  • Monitor for abuse

Maintenance​

  • Regular testing
  • Update implementation
  • Monitor performance

Troubleshooting​

Common Issues​

  1. Redirects Not Working

    • Check implementation
    • Verify code placement
    • Clear cache

  2. Performance Issues

    • Optimize code
    • Review redirect rules
    • Check server load

  3. Configuration Errors

    • Verify settings
    • Check permissions
    • Review logs

Next Steps​