OFN User Guide
ES
ES
  • Bienvenidas a la guía de usuarias de Open Food Network
  • Organizaciones locales de Open Food Network y contactos
  • ¿Dónde calza mi negocio en Open Food Network?
  • Guías de inicio rápido
    • Hub
    • Tienda
    • Perfil
  • Funcionalidades
    • Regístrese y cree una Cuenta de Organización
    • Panel de Administración
    • Perfil de la Organización
      • Tipos de paquetes / perfiles
      • Configuración de la Organización
      • Cree o conéctese con sus productores proveedores
      • Hacer que un perfil de productor se pueda buscar por categoría de producto
      • Permisos de la Organización
      • Cambiar Perfil Administradores / Propietarios
    • Productos
      • Agregar productos
      • Variantes de producto
      • Propiedades del producto
      • Precios de la Carne y otros productos 'completos' de peso desconocido
      • Inventario
      • Compra Grupal: para pedidos al por mayor
      • Importación de Productos e Inventarios
    • Tienda
      • Métodos de Envío
      • Payment Methods
      • Enterprise Fees
      • Order cycles
        • Order Cycles (for Hubs)
        • Order Cycles (for Shops)
        • Opening more than one order cycle
        • Permissions in multi-enterprise order cycles
      • Customer management and conditional displays/prices
        • Customer Management
        • Tags and Tag Rules
      • Private shopfront
      • Display only shopfront
    • Orders
      • Ver Pedidos
      • Create orders manually
      • Refunds and Adjusting Payments
    • Subscriptions
      • Configuration
      • Subscriptions- Creating & Managing orders
      • Subscriptions - the customer's perspective
      • Subscriptions - FAQs
    • Reportes
    • Grupos
      • Create and manage a Group page
      • Embed a Group Page in a Website
  • Software y herramientas complementarias
    • Newsletters & Promotional Emails
    • Accounting and Invoicing Packages
      • Paying suppliers with ABA files (Australia)
  • Consejos para la gestión de hubs
    • Facebook tips
    • Your farm on Facebook
  • Trouble shooting
  • Glosario de términos de Open Food Network
  • Comentarios
Con tecnología de GitBook
En esta página
  • Pre-requisites for Embedding a Group Page
  • Platform
  • Security
  • OFN Group page
  • How to Embed a Group Page
  • Instructions for Visitors
  • Cookies
Editar en Git
Exportar como PDF
  1. Funcionalidades
  2. Grupos

Embed a Group Page in a Website

AnteriorCreate and manage a Group pageSiguienteSoftware y herramientas complementarias

Última actualización hace 5 años

It is now possible to embed a group page into a website external to OFN. Here you will find step by step instructions for setting this up. This feature is relatively new, and has not been comprehensively tested across all platforms. Please if you experience issues with embedding a group page in your website.

Pre-requisites for Embedding a Group Page

Platform

It is possible to embed a group page on any website where you can add custom html to the destination page, including platforms such as WordPress, Squarespace or Wix.

Below are some platform specific resources:

  • for more information about adding custom html using “codeblocks”

Security

Because OFN is an eCommerce platform, and handles monetary transactions, it has a higher security requirement than some websites. Therefore, you’ll need to have SSL/TLS set up on the website you want to embed your group page into. You can get a free security certificate from or for around $10-$30 for other paid service.

OFN Group page

Before proceeding, you should complete . You’ll need to know your OFN group page URL to complete the setup steps below.

How to Embed a Group Page

1) Contact your local OFN team

First of all, you’ll need to contact and let them know you want to embed your OFN group page in your website. You’ll need to provide them with your external domain. eg. regionalgroup.com.au so they can grant permission for your website to communicate with OFN.

2) Adding Custom HTML to your website

Embedding your group page is as simple as inserting a line of code into your website. Below is an example of the HTML that you should insert into the page where you want to embed your OFN group page. You will need to replace ‘flavour-crusader’ with your shop’s unique OFN permalink.

<iframe src="/groups/flavour-crusader?embedded_shopfront=true"style="width:100%;min-height:35em"></iframe>

Once you’ve done this, you should see your OFN group page appear within your website at the location where you inserted the HTML.

3) Styling

Depending on the styling of your website you may need to edit the CSS. If you are not familiar with CSS you may need to engage the services of your website administrator. CSS may be needed to avoid having two scroll bars, and to make sure the length and width of the embedded group page is visually appealing. Make sure to test the display of your group page on a mobile device as well as this may require further changes.

Instructions for Visitors

Cookies

Most people have cookies enabled on their web browsers. But if a visitor doesn’t enable cookies they may see an error message similar to the one below, and not be able to view the embedded group.

NOTE: See the instructions on to find out how to edit your unique OFN permalink.

contact your local OFN
Go to Squarespace
Let’s Encrypt
setting up your group page on the Open Food Network
your local OFN team
creating and managing a group page