🚀 MegaEdit Tips & Tricks 🚀

Picture of 🚀 MegaEdit Tips & Tricks 🚀
Read our handy storefront styling tips and tricks!

Disable Positional Error Checks for Elements Extending Beyond the Canvas

When designing products, some image elements may intentionally extend beyond the visible canvas. In these cases, the system may display positional error messages that could confuse customers.

This article explains how to disable the positional error checks for individual products without affecting global settings. This is ideal for designs where out-of-bound elements are a deliberate part of the artwork.

Following this guide will help ensure users do not see unnecessary error messages while still retaining error checks for other products that require them.

Use cases

  • Products with design elements purposely extending outside the canvas.
  • Scenarios where disabling error messages on a per-product basis avoids customer confusion while retaining checks for other items.

Key settings in the product editor

  • Do not check for positional issues: Found in the Menu > Product Options under the General Field Features section.

Step-by-step guide

  1. Open the product editor for the item you wish to adjust.
  2. Navigate to Menu > Product Options.
  3. Scroll down to the General Field Features section.
  4. Tick the box labeled Do not check for positional issues.
  5. Save your changes.
  6. Perform a quick test (preferably by impersonating a registered user) to ensure the product displays as intended.

Related links

For additional guidance, please visit the Product Academy or contact Customer Support.

Fixing Missing Placeholder Values in MegaEdit Products Using Form Builder Scripts

If you're using the FormBuilderRefactor script to populate variable data in MegaEdit products and notice that some placeholder values (e.g. prices) are not displaying correctly, this guide will help you identify and resolve the issue. This commonly occurs when placeholder variables are not rendered due to layout formatting inconsistencies or missing layout assignments.

The issue may affect only specific users or layouts, and can be caused by a combination of script logic, font styling within placeholders, or incorrect layout configuration. This article outlines how to troubleshoot and fix these problems.

Use cases

  • Placeholder values not displaying for specific users in MegaEdit products
  • Text fields showing only partial or incorrect variable output
  • Layout changes not saving or reflecting for end users
  • Issues with default layouts not matching assigned layouts in Form Builder CSV
  • Inconsistent font styles within placeholder text causing variable mismatch

Key settings in Infigo

  • Form Builder Script ConfigurationAdmin > Dynamic Products > Edit Script Configuration
  • Global Additional DataAdmin > Additional Upload Data > GlobalData
  • Layout Assignment CSVGlobalData > Flyers folder > e.g. HWB_FlyerA6_TeamEvent.csv
  • Layout EditorAdmin > Product > Edit > MegaEdit > Layouts
  • Resave Var FieldsEditor > Tools > Resave var fields (we updated variable values)

Step-by-step guide

  1. Open the MegaEdit product in the admin editor.
  2. Apply the layout you want to edit using the layout dropdown.
  3. Click into the text field containing the placeholder (e.g. [++KidsCelebrationPrice-OffPeak++]).
  4. Check for inconsistent font styles:
    • Highlight each character in the placeholder individually.
    • Ensure the entire placeholder uses the same font family and style.
  5. If styles differ, either:
    • Delete and retype the affected character(s), or
    • Select the entire placeholder, change to a different font, then switch back to the correct font.
  6. Click outside the text field to exit edit mode.
  7. Click Resave var fields (we updated variable values) in the editor toolbar.
  8. Save the layout using the Update Layout button.
  9. Ensure the user is assigned to the correct layout in the relevant CSV file (e.g. HWB_FlyerA6_TeamEvent.csv).
  10. If a user is not assigned a layout, the system will use the product’s default layout. Make sure the default layout is correctly configured.

Related links

For additional guidance, head over to the Infigo Academy or contact our Customer Support team.

Managing Departmental Budgets with the Budget MegaScript

The Budget MegaScript is designed to automatically top up each user within a department with a set budget amount. This means that if you assign a budget of $500 to a department, every user in that department will individually receive a $500 budget.

This feature ensures that budgets are allocated on a per-user basis, rather than as a pooled total across the department. There is no aggregation of users' purchases toward a single department-wide budget.

If you need to assign individual budgets during user uploads, you can update user budgets in bulk without having to edit them one at a time. For more information, review the user upload documentation available in the academy.

Use cases

  • Automatically assigning a fixed budget amount to every user in a department.
  • Managing departmental budgets when budgets need to be tracked individually.
  • Utilizing bulk uploads to update individual user budgets efficiently.

Key settings in the Admin Interface

  • MegaScript Instances: Navigate to the Admin panel and select the MegaScript Instances section.
  • Budget Option: From the dropdown menu within the MegaScript Instances, select the Budget option to create a new budget script.
  • Access Control: Ensure that your account has the necessary ACL permissions, such as managing and using MegaScripts.

Step-by-step guide

  1. Log in to the Admin Interface.
  2. Navigate to the MegaScript Instances page.
  3. Select the 'Budget' option from the dropdown menu.
  4. Click 'Create' to enable the Budget MegaScript.
  5. Assign a budget amount; this amount will be automatically topped up for each user in the selected department.
  6. If needed, use bulk user uploads to set individual user budgets without manual editing.

Related links

For additional guidance, head over to the Product Academy or contact our Customer Support team.

Setting Up a Single Input for Multi-Page Signatures

This article explains how to configure a product so that a customer can enter their name once and have it automatically appear as a signature on multiple pages. The solution applies when using the Invent platform.

By using a variable placeholder, you can bind the same input field to text boxes on different pages. When the customer updates the field, the change propagates throughout the product.

Note that this setup is only supported when using Invent. If you are using MegaEdit FormBuilder, each page requires its own separate input configuration.

Use cases

  • Multi-page memo products for teachers where a single signature is displayed on every memo page.
  • Products designed with Invent that benefit from automatic variable updates across pages.

Key settings in Invent

  • Variable Creation: Create a variable in the Invent interface.
  • Text Box Properties: In each page’s text box, set the Type to Variable and select the created variable.
  • MEX File Export: Export the configuration as an MEX file and upload it to the ME product.

Step-by-step guide

  1. Create a variable in Invent that will store the customer’s name.
  2. Add text boxes to each page where the signature should appear. Note that you do not need to pre-fill these boxes.
  3. For each text box, open its properties and set the Type to Variable. Then, choose the variable you created earlier.
  4. Export the MEX file from Invent and upload it into your ME product setup.
  5. Test the configuration by entering a name into the variable field to ensure it automatically updates on every page.

Related links

For additional guidance, head over to the Infigo Academy or contact our Customer Support team.

Text Alignment Options in ME Products

This article explains the available text alignment choices within the ME products. Currently, the system supports only three options: left, center, and right alignment.

When creating products through both the Invent and Form Builder interfaces, users may notice that the 'justify' text alignment option is not available. This limitation is by design and applies to all products.

If your workflow requires full text justification or you expected an additional alignment option, please note that enhancement requests are evaluated periodically. For now, the system supports only the three aforementioned alignment choices.

Use cases

  • Editing text in products where different alignment options are required.
  • Evaluating product templates in both Invent and Form Builder environments.

Key settings in Infigo

  • Text Alignment Options: Located within the product editing section in both ME Invent and ME Form Builder interfaces.
  • Graphic Editor Settings: Accessible from the main product configuration area where text customization is enabled.

Step-by-step guide

  1. Log in to your account and navigate to the product editing page for either Invent or Form Builder.
  2. Open the graphic or text editing section where alignment options are displayed.
  3. Observe that the available options include left, center, and right alignment only.
  4. Confirm that the 'justify' alignment option is not present, as this feature is not yet supported.
  5. If you need further clarification or wish to request new functionality, contact Customer Support for assistance.

Related links

For additional guidance, head over to the Infigo Academy or contact our Customer Support team.

Uploaded File Auto Resizing on Dynamic Canvas

When using the MegaEdit product with a dynamic canvas, uploaded images or PDFs are automatically resized to fit the full canvas area. This behavior is part of the current default settings.

For example, when a file with dimensions smaller than the canvas (such as a 106 x 238 mm PDF) is uploaded to a canvas set at 1500 x 2500 mm, it is scaled up to fill the entire canvas. This can make it difficult to verify if the file was produced at the correct dimensions.

Currently, there is no customizable setting available to display the file at its original size. All files, regardless of their original dimensions, are scaled to the canvas size upon preview.

Use cases

  • Verifying artwork dimensions after upload.
  • Comparing small design elements against the canvas size.
  • Ensuring files are correctly formatted for output.

Key settings in the Product

  • Dynamic Canvas: Located under the product setup screen where canvas dimensions are defined (e.g., setting the canvas to 1500 x 2500 mm).
  • Measurement Units: Configured on the product landing page to display units in millimeters.

Step-by-step guide

  1. Access the product setup page and configure the dynamic canvas dimensions (e.g., 1500 x 2500 mm) with the desired measurement units.
  2. Upload your file (such as a PDF with smaller dimensions) either via drag-and-drop or by selecting from your desktop.
  3. After the file is uploaded, click the preview button to view how the file is displayed on the dynamic canvas.
  4. Observe that the file is automatically resized to cover the full canvas area, regardless of its original dimensions.
  5. If you require the file to be displayed at its actual size for verification, please note that this behavior cannot be changed with the current settings.

Related links

For additional guidance, head over to the Infigo Academy or contact our Customer Support team.

How to Add a Layout when Adding a New Page

This article is going to explain how to setup your MegaEdit product so that when a user adds a new page, the layout on the previous page is retained. This can be very useful if your customer wants to add more pages and the layouts are static. 

There are two prerequisites for this to work, you will need to create a layout category, and then create a layout. 

 

MegaEdit Steps

1. First, you will need some layouts applied to your canvas, or simply created. Below you will see I have a basic four image layout on my canvas. 

2. After you have your layout created, you will need to navigate to Show Menu at the top. 

3. Now hit Edit Page Data

 

4. Now, you will need the name of the Category your layout is in as well as the name of the Layout. 

In this example, my layout category is named "Default Layouts" and my layout is named "4 image layout". 

 

5. With this information, you will fill this in under the New Page Defaults section, in Layout

 

6. Input layout category name first, followed by a pipe "|" character, then the name of the layout. Here is an example of how this would look:

Default Layouts|4 image layout

 

*Be sure to not have any space between the pipe character, and that the names are exact (this is case and space sensitive). 

 

7. Hit Save. Then Save as product default. Refresh your page. 

8. Now, when you add a new page, the layout will automatically populate!

How to Use Barcodes in MegaEdit

MegaEdit is compatiable with the use of barcodes whether there is a static data value you wish to add to it in the editor or whether you need to inject some data into a barcode on output creation (PDF creation) like for instance a shipping address of the user to be used with a barcode scanning device etc.

Firstly you will need to assign the the Barcode script against your dynamic product under the scripts tab against the product. (Speak to the Helpdesk if the script is not avaliable to select from the lists of scripts)

Screenshot_2018-07-02_10.52.20.png

Once the script is enabled and assigned against the product you will see an "Add Barcode" button in the editor.

Screenshot_2018-07-02_10.53.13.png

Clicking this button will create a Barcode field on the canvas area. A shown below:

Screenshot_2018-07-02_11.06.52.png

This is the default start point of your barcode field.  There are 2 tabs on the Barcode field pop up options, Configuration and Details.  Details will list the same options as you see on the text/image field deatils so X/Y coordinates, Height/Width, tags allow/deny restrictions etc.

Configuration tab as displayed above shows a number of configurable settings, we shall briefly explain each one detailed below:

Type = What type of barcode you which to create, example STD-25/INT-25/QR Code/Data Matrix (see dropdown in editor for full list)

Value = The data you add here will be what is created via the barcode.

Encoding Mode = Only displays when Data Matrix is selected - options are BASE256/ASCII/C40/TEXT/X12

Auto Scale = Scales the barcode to fit the barcode field

Show Human Readable = This simply displays the value input below the barcode (as shown in above image with 123456789)

Margin Human Readable = This is a pixel value that adds space/padding between the base of the barcode and the Human readable value displayed below it.

Font Size = This will dictate the size of the text being displayed for the Human readable value.

Barcode colour = click the icon colour picker to enable the Megaedit colour pop up deatails where you can now assign a diffierent colour for the barcode to be displayed in.

If you wish to inject any other data from within catfish into a barcode on output creation or editor etc then this is possible but there would need to be a "MegaScript" written and applied to your storefront which is a chargeable development request, please contact the helpdesk for an explanation of your workflow requirements so a quote can be formally drafted for your approval.

How to Configure Margin Value in MegaEdit

The margin value, located under the details tab in the pop up text options for text fields allows you to add a pixel padding amount around all sides of your text field.  This is used to allow text from certain fonts to bleed outside of the text field.  See image below to illustrate.

Screenshot_2018-07-05_09.37.21.png

How to Configure Zoom Padding

MegaEdit provides the ability to control the pixel padding around your product's canvas when the Reset Zoom button is hit. This allows you to predefine the zoom of your default product view.

Find this feature in the Product Options of your MegaEdit product. This can also be set within the product defaults for all new MegaEdit products, using the MegaEdit Product Settings menu within Infigo admin.

Locate the Zoom Padding input. Entering a new value and clicking Save will immediately update the product view to display the new padding. It will appear as a number of pixels between the edge of the canvas and the MegaEdit work area and will be controlled by the canvas edge closest to the edge of the work area.

Once moved or zoomed in, hitting the Reset Zoom icon will restore to this view.

How to Configure MegaEdit Upload UI

Infigo supports the ability to upload print-ready artwork through our MegaEdit upload UI, allowing your users to create outputs which have a canvas that perfectly fits their artwork.

1. You will first need to set up a ME product. Please see this article explaining how to do so. 

2. Once you have created your ME product, you can either create a specific canvas size you will need to create a dynamic canvas. Please see this article explaining what a dynamic canvas is and how to configure one - make sure to assign your dynamic canvas to this product.

3. Now that you have set your product up, you will need to open that Product in Product Management and click Edit.

4. Click on MegaEdit Config and scroll down to the Upload UI section. Tick (enable) 'Use Upload UI' as seen in the screenshot below. 

If you do not see this setting please raise a support ticket and ask for this to be enabled for you.

Our UI has native support for uploading PDFs, PNGs, JPGs and TIFF's.

Convert Image to PDF on Upload, this setting is ONLY required when you are using our Enfocus preflight module - where you run a .PPP file against a product. Please contact your sales rep for details on the cost of this module.

If you cannot see this setting, please contact support and we will enable this feature for you.

 

Next Steps

5. Now that you have enabled this setting when you click Start on the product's landing page: 

...you will no longer be loaded into the editor, and you will instead see the following page:

As you can see, you are shown the minimum page dimensions, the page limit, the number of pages they have already uploaded, as well as how many pages they need to upload to meet the minimum page requirements (this can be set in the dynamic product's properties).

Please note that to support uploading multi-page PDFs, you must enable the setting MediaSupportMultiplePages which you will find in Admin under Media Album Settings.

6. You can either click on the upload field and use the file browser or you can drag and drop the file. Both of these actions will upload the artwork and generate a preview, as seen in the screenshot below.

You can see that the price will automatically calculate and be displayed (if you have configured this for the stock you have assigned to this product). You will also be able to see the name of the uploaded PDF, as well as the dimensions of the PDF which directly correlate to the size the dynamic canvas has adjusted to.

Please note: If the artwork does not fit within the minimum and maximum ranges, the canvas will shrink/grow to accommodate the artwork as well as it can, and any overlap in the artwork will be handled by either cropping any overlap for the artwork or filling the blank space with the stock colour/pattern.

At this stage, you have the following possible actions:

  1. Upload one or more PDF(s) until you reach the maximum number of pages for this product.
  2. Save the project for later (if this setting is enabled).
  3. Click Edit in full editor - this will launch the product in the MegaEdit editor and will allow the user to make changes on top of their uploaded artwork. This feature can be enabled or disabled through the setting Allow full editor in Upload UI in the dynamic product's Product Properties.
  4. Click Show Preview to generate a MegaEdit preview on this page, allowing them to see what their output artwork will look like.
  5. Add the product to the basket.

How to Configure a Watermark

There is an option in MegaEdit to enable a watermarked preview from within the editor that a user can download and send to another user/manager etc before sending through to print. 

This setting can ONLY be enabled by an admin user - to activate go into the editor and click on Menu button :

Watermarked_Preview_Screenshot_1.PNG

 

Click Product Options:

Watermarked_Preview_Screenshot_2.png

 

Scroll down to find Additional Download Support:

Watermarked_Preview_Screenshot_3.PNG

There are a number of settings that can be altered:

PDF Download: = This enables the PDF Preview

Watermark Text: = This is the watermark text that will populate your preview

Restrict printing: = This setting enables whether the pdf preview can be print locked or not

Max page count: = This setting allows you to create a multipage PDF preview -1 = ALL pages 1/2/3 restricts the number of pages that will be previewed.

The below button will appear in the top right of the editor when the settings above are configured.

Watermarked_Preview_Screenshot_4.PNG

How to Configure Shipping by Weight in MegaEdit

When setting up shipping by weight in Infigo it is important to account for added weight that can possibly get added additionally to MegaEdit products.  Normally this value plays no part in the total weight value when using fixed weight shipping but kicks in when shipping by weight is made active. This weight is added via the output type that the MegaEdit product is using. The default value in the output type when created is '1' and this will add 1 kg/lbs (depending on default weight measurements for your storefronts) to your MegaEdit product plus any weights added at product variant level via the product directly or product group level. This can be adjusted easily and below we will show you how.

Navigate to Output types under in Catalogue > Product Types > MegaEdit > MegaEdit Output types

Screenshot_2018-07-16_12.06.18.png

Navigate to the Output type that needs amending and Edit and scroll to the bottom of the output type.

Screenshot_2018-07-16_09.18.33.png

Under "Weight" you can simply adjust this figure as required.  0 will remove the extra weight.

In general this weight setting gets used when there is a dynamic element involved.  For example you have a photobook and you can have 2 output types assigned to a product 1 softcover and 1 hardcover configuration that the user can optionally choose.  A hardcover will weigh more than the softcover/self cover so this is where the weight factor comes in to play.  If your products do require this extra weight to be specified then please remove the value for accurate shipping weights.

How to Configure Autofill in MegaEdit

MegaEdit has a number of default scripts available (MegaEdit PRO version ONLY) - here we go over the setup for using and applying the Free Autofill script. 

NOTE: If you require scripting to be enabled, please contact the support desk. 

Navigation

To navigate to the MegaEdit scripts, go to Catfish > Infigo Variable Data > Dynamic Products. Then click the 'Products Tab' in the upper right-hand corner, this will show all of your Dynamic Products. Press 'Edit' on the product you want to work with. Navigate to the 'Scripts' tab on the upper right-hand corner. 

Requirements

First, enable the Free Autofill script by checking the box within the product's script tab. Then press 'Save Changes'.

FreeAutofill01.PNG

This script sets the autofill functionality for the assigned product. There are 2 script versions for the autofill - Free Autofill and Layout Based Autofill

Free Autofill allows the images to auto update empty image fields across pages of the product.

How to Change MegaEdit Menu Hyperlinks

MegaEdit menu hyperlinks can tailor the content of the menu and the links by navigating to the Admin area > Content Management > Editable Content > MegaEdit Show Menu (see below)

Once you click the 'Edit' button next to this entry (on the right side of the page) you will be taken to an editor page (see below). This page can also be used to add menu items, add the new entry into the Body field, use the highlighted button to attach a hyperlink to it and click 'Save' 

To change the link address simply highlight a bullet-pointed item and click the button the button shown in the red square above. A dialog box will appear (shown below) where you can edit the link and settings. Using the / prefix performs the request in the web resources folder for the current site

How do I calculate my MegaEdit Spine Width? [Calculator]

Pages Number of sheets Infigo Spine (pages only) Infigo Total End spine width
10 5 0.508 2.032 6.5
20 10 1.016 2.54 6.5
30 15 1.524 3.048 6.5
40 20 2.032 3.556 6.5
50 25 2.54 4.064 6.5
60 30 3.048 4.572 6.5
70 35 3.556 5.08 6.5
80 40 4.064 5.588 6.5
90 45 4.572 6.096 6.5
100 50 5.08 6.604 6.604
110 55 5.588 7.112 7.112
120 60 6.096 7.62 101.6
130 65 6.604 8.128 8.128
140 70 7.112 8.636 8.636
         
MegaEdit settings - Constants    
Minimum spine width 6.5    
Additional spine 1.524    
Page Micron thickness 101.6    

How do I Configure Prepopulate Data?

MegaEdit has a number of default scripts available to use.  Here we look at the Prepopulate Data Script and how to apply it to a product.  The script allows you to set a template to autofill with a users Catfish data based on their login info. Examples: Username, email, phone, custom fields 1, 2 and 3. etc

1. To enable this, navigate to Catalogue > Product Types > MegaEdit > MegaEdit Products > Edit > Scripts tab of an existing product and add the script as below.

mceclip0.png

The prepopulate data script is used to populate a dynamic product with some information from the end users' Infigo signup data.

When you have enabled the script there will be a button in the editor marked 'prepopulate data' - this will be greyed out to start with with until you select a text field.

When you have selected a target text field - click the button and you will see a pop up of selections. Please note you can ONLY have 1 selection per field - these do not act as placeholders.

Screenshot_2020-12-02_at_16.58.58.png

The list of prepopulate data fields are:

Job Id

Product Id

Customer Title

Customer Full Name

Customer First Name

Customer Last Name

Customer Email

Customer Address Line 1

Customer Address Line 2

Customer Street Address

Customer Street Address 2

Customer Date of birth

Customer Gender

Street

City

Company Name

County

Country

Fax Number

Mobile Number

Postal Code

Language

Phone number

 

Selecting any of the above will assign that 'tag' to the field which would look like below:

Screenshot_2020-12-02_at_17.04.10.png

 

We also support the custom fields from registration (if enabled), Custom field 1, 2 and 3. (How to enable custom registration fields) To use these fields in your template you need to add a "tag" to a text field and use this tag: prepopulate_Custom1

This also includes the use of an Avatar image if assigned to a user account.  You can use this tag: prepopulate_avatar.

Once you have completed your setup of fields, save the product default for that product under Menu > Save product default.

 

To view the data being pulled in successfully you will need to launch a new window and login in as a registered user - you cannot view the data as a storefront admin user even if you emulate user mode.

Example using Job Id:

Screenshot_2018-01-03_15.29.22.png

 

How do I Customise the MegaEdit Editor Background?

Through the use of the CSS Override feature, you can change the background of your MegaEdit editor. This article will explain how to achieve this and the steps to take. 

 

Upload your Image

1. Navigate to Content Management > CSS Overide. 

2. Select the Choose a File button 

3. Press Upload

4. Save the end of the URL for later use. If your image URL is:

/123456789/Handler/CSSOverride/GetImage/12/background.jpg

Then you will want to save:

/background.jpg

 

Change the Canvas Configuartion

1. Navigate to Configuration > Settings > Product and Editor Settings > MegaEdit product settings.

2. Press the Default Product Configuration tab.

3. Under Canvas, change these two settings exactly as they appear in the image below:

5. Press Save.

 

Upload CSS Code

1. Copy the below code, be sure to change the image reference according to your site (Bolded), use the reference from above. 

.DynamicProductWrapper .canvas-container {
background-image: url('{images}/background.jpg');
background-size: cover;
background-position: center;
}

2. Navigate to Content Management > CSS Override. Add this code to the bottom of your CSS file, then press upload. 

3. Be sure to Clear cache in order for the changes to take place.

4. You now have a custom MegaEdit background!

Please note this is a global change and will affect all of your MegaEdit products. 

How can I edit the MegaEdit Instructions/Information Panel?

You can create a popup message that appears when a user first opens the ME editor. This popup will give the user any relevant information/instructions they may need when using the editor.


Using editable content blocks and assigning one to the MegaEdit product you want to display the message on. 

Navigate to Editable Content in Admin and search for Infigo Editor Instruction Panel (Admin > Content Management > Editable Content > Infigo Editor Instruction Panel.)

In there, you can edit what you want the pop-up message to say.

and then assign it to a product using the instructions tab in the MegaEdit Config.

(Or you could create your own content block. Navigate to Editable Content in Admin and under the custom tab section add a new content block. You could call it "MegaEdit instruction panel 1" for example. You can adjust the content as you require.  Then simply assign that to any product under the MegaEdit product section for instructions. (See Creating Custom Content Templates for more information on this))
 

Static Message (That customer can't close)
Alternatively, you could also set up a non-clickable text box within the editor that is placed off the canvas. Something like this:

You would need to add a new text field, adjust the field settings to make it unable to be selected by the customer, and save it as product default.

How can I Rename the Page Numbers in MegaEdit?

In MegaEdit, it is possible to change the number displayed between each page to any given text. This can be useful in cases such as changing the "1" below the first page to "Front Page", the second page to "Contents Page" etc.

This can be done by editing the "Page Name" value for the page under "Edit Page Data".

To start, create a MegaEdit product, edit it whilst signed in as a storefront administrator, and click "Show Menu" at the top.

Show_menu.png

From the dropdown which appears, click "Edit Page Data"

Edit_page_data.png

In the menu which appears, there will be a numbered list of all the pages currently contained within the product. The "Page Name" field will be blank by default, which will cause the number to be displayed instead of a custom name. You can change these fields simply by typing any text you want in the "Page Name" field and clicking "Save".

As you can see in the screenshots below, I have filled out the "Page Name" field for the first page, but left it blank for the second page. I have colour-coded the screenshots to better highlight which field correlates to which page name.

Page_Edits.png

Page_list.png

How to Create a Text Curve in MegaEdit

On the product click edit > MegaEdit > scripts, there is a text on curve field option > tick it (if it is not in the list raise a ticket with helpdesk to enable this for you chosen storefront or platform)


 
On the product itself navigate to fields > add text on curve

 
There is a curve option


 

In this field you will need to add the values you can get from a new webpage by adding "/toch.html" to the end of your URL.  Example mycompanyname.infigosoftware.com/toch.html

please note that the "Show render mode" setting is not supported on custom fields which this script uses.  So there is limited font styling available

Screenshot

How to Allow Add to Basket Button in MegaEdit Previews

Hide Add To Basket button

You can hide the add to basket button via a small script snippet and Setting.

It can be set per product or globally.

Via settings

Global - MegaEdit Product Settings → Default Product Configuration → Allow Add to basket [true/false]

Per Product - Open MegaEdit product editor and Menu → Product Options → Allow Add to basket [true/false]

Via scripting

Open MegaEdit product editor and Menu → Product Options → Show Scripts

 

Editor.UI.ShowEditorUi('addtobasket', true); // true for visible and false for hidden

 

Setup Add To Basket in Preview (Standard and 3D)

 

Open MegaEdit Product → Product Properties and add this config under Preview Config

{

showAddToBasketButton: true

}

How to Hide the Add Barcode Tool Option in MegaEdit

MegaEdit supports a script that enables admins and end users to apply a barcode field to the canvas and be customised with a value that will be represented via a number of different barcode types.

Where there is a scenario where an admin wishes for a barcode field to be applied BUT no further barcode fields added via the end user, there are some settings that are required to hide it in various formats.

Default setup

When enabling the Barcode field it will display in the Fields tab on the left pane.

Screenshot 2023-12-18 at 23.55.14.png

 

In this scenario an end user is still able to add further barcode fields to the canvas.  This is not always required. 

You can hide the fields tab entirely - this wil prevent the end user from adding new barcode fields as it will move the add text and add image buttons to the top menu area next to the menu button.

Screenshot 2023-12-19 at 00.10.36.png

Screenshot 2023-12-19 at 00.11.11.png

 

However if you ONLY want to the Barcode option to be hidden and still retain the fields tab then this can be achieved using a config set on the barcode script. 

Go to the product under the MegaEdit Product section and edit the product and click on configure for the barcode script.

Screenshot 2023-12-18 at 23.53.50.png

 

Here you can add in a snippet for { ShowButton: false } to hide the button from show.

Screenshot 2023-12-19 at 00.19.20.png

 

This now means the end user can still add further fields but use ONLY the supplied Barcode field that has been set and configured by the admin. 

 

How to Change Between Imperial and Metric Dimensions in MegaEdit

Depending on your client or business structure, you may need to change dimensions in Megaedit from Imperial to Metric or vice versa.

There is a simple solution for this, you will need to navigate to Admin --> Configuration --> Measures --> Measure Dimensions

From this page, there are a list of different dimension types, to change to the dimension, click the 'Select' button under 'Mark as primary dimension' to change the dimension to your requirement.

How to Edit Layout Names and Delete Layouts

Once a layout name is created in MegaEdit it cannot be changed within MegaEdit unless you create a new layout.  This may result in multiple or extra layouts that you do not want.  The solution allows you to edit layout names and delete layouts.  Renaming a layout in infigo translates to an updated layout name in MegaEdit.  Deleting a layout in Infigo removes it from MegaEdit. 

  1. Navigate to Catalogue > Product Types > Megaedit Products > MegaEdit Canvas

2. Select Edit on the canvas that your product is using.

mceclip3.png

 

3. Navigate to the Layout Categories tab

mceclip1.png

4. Select Configure on the Layout Category that corresponds to the layout you wish to edit or delete.

 

Editing a Layout Name

5. Under Upload Files: find the .json file for the layout you want to edit and select the gear icon.

mceclip4.png

6. This will open a dialog box where you can now rename your layout. Select Ok when finished.

7. On a separate tab, navigate to or refresh your megaedit product and you will notice that your layout name has been updated.

 

Delete a Layout

8. Under Upload Files: find the .json file for the layout you want to delete and select the X.

mceclip5.png

9. Confirm you wish to delete the layout.

10. On a separate tab, navigate to or refresh your Megaedit product and you will notice that your layout name has been updated.

 

How to Rotate Output Files During Output Creation

Have a requirement for the output file to be a specific orientation but do not want to compromise the user experience in the editor by having it rotated in the editor? Then we have a MegaScript that you can use that will allow you to rotate your output files during the output creation process.

If you can't find MegaScripts in your Infigo Admin menu under Configuration, please raise a support ticket.

 

Background

Before you start please note:

You can create a custom MegaScript in MegaScript Management, which you can apply in MegaScript Instances, or you can choose from our the dropdown list within Instances:

mceclip0.png

 

How To

Go to Configuration > MegaScripts > MegaScripts Instances

Create a MegaScript Instance and set the configuration for the degrees of rotation you would like to be applied to the output file.

Simply select from the dropdown list the 'Page Rotation' script you just enabled and click 'Create'.

Then give your instance a name of '90 degree output rotation' (depending on how much you want to rotate your output by and ensure the 'Enabled' setting is enabled.

Also ensure the 'Output Creation' setting is enabled too.

Now you need to create a configuration entry for the script depending on how you want your output to be rotated.

Below is the full config but this will need amending depending on how you want your output to be rotated.

{
pageConfig: "all", //"odd","even","1","3-5"
rotation: {
angle: 90 //0, 90, 180, 270
},
attributeName: 'name',
attributeValue: 'value'
}

 

For example:

{
pageConfig: "all",
rotation: {
angle: 90,
},
attributeName: 'Orientation',
attributeValue: 'Portrait'
}

The example above shows a rotation of 90 degrees on all pages when the attribute Orientation is set to Portrait.

Click Save.

Assign rotation script to a product

Supported product types include: MegaEdit, Infigo Product, Multipart

MegaEdit: Catalogue > Product Types > MegaEdit >MegaEdit Product > Edit > Output MegaScript

Infigo Product: Catalogue > Product Types > Infigo Editor > Infigo Products > Edit > Output MegaScript

Multipart: Catalogue > Product Types > Multi Part Products > Edit > Output MegaScripts

Navigate to your product and when editing it you will see an 'Output MegaScript' drop down. Select your Rotation script from it and save the product.

How to Enable Bullet Point Support

We have created a new MegaEdit script that supports bullet points.

The setup and configuration of this is by an admin only at this point and the way it works is by first enabling the ‘Bullet Point List’ against the product by selecting a dynamic product and then navigating to the ‘Scripts’ tab and checking the ‘Bullet Point List’ script. There is also some configuration that needs adding:

 {

  mode: "image",
  
image: {
    clipartAlbum: "Food",
    clipartName: "Burger"
  },
  
position: {
    x: -25,
    y: 5,
    width: 20,
    height: 20
  },
  
text: {
    font: null,
    fontSize: null,
    color: "#ff0000",
    character: "*"
  }
}


The ‘mode’ item allows you to determine whether a clipart image or specific font and character is used as the bullet point (either ‘image’ or ‘text’). Selecting ‘image’ will mean it inserts the clipart image declared in the image item – declaring both the clipartAlbum and the clipartName of the image you want to use. Selecting ‘text’ will mean it uses the configuration declared in the ‘text’ item – font (family), fontSize, color and the character. Position is where it gets positioned in relation to the text you have in the text field allowing you to give it an offset to the left/right.
Once enabled, open the product in MegaEdit and create a text field. Then set the tag ‘bulletpointlist’ on that field. The way it works is that any time it detects a line break it will insert the configured bullet point symbol.

How to Hide Left Menu When Viewing as an Admin

When viewing a MegaEdit template as an admin you have full admin rights and therefore have full access to the product and all the tabs and areas assigned to the product.  There is an option in the menu for "Emulate User mode" - This will allow you to experience the field behaviours ONLY on the canvas and how an end user would interact with them.  It will NOT hide any tabs on the left pane when clicked.  Lets run through some scenarios below to clarify this.

I have a MegaEdit product that has a single text frame and I have applied some settings to it.

Screenshot 2023-12-19 at 23.02.09.png

Hide border options and Hide shadow options are two tabs that appear within the pop up window when the end user double clicks the field.  If we want to check that this is working as expected, as an admin we will always see those tabs in place.  So we need to click the "Emulate user mode" option in the Menu dropdown to view as an end user.

Screenshot 2023-12-19 at 23.05.33.png

After selecting this and clicking the field again you will see a change to the tabs available for that field we made changes for. The Border tab and Shadows tab are now hidden from view within the pop up window as an end user would view the template.

Screenshot 2023-12-19 at 23.06.11.png

All tabs still appear in view on the left as an admin has full access rights.

If you wish to view the whole editor experience as an end user then you would need to view the editor by clicking impersonate user from within admin > customer management.  That would give you the full experience of the whole editor including any left pane tabs that would appear or show based on settings.

 

How to Display MegaEdit Attributes (Canvas, Stock, Output Type) On Product Landing Page as Product Attributes

In Infigo, it is possible to have certain attributes of your MegaEdit product be controlled or chosen on the product landing page. This includes attributes such as the chosen canvas, the canvas size (if using a dynamic canvas), the stock, and other attributes which will be covered in this article.

To enable these attributes, you need to navigate to:

 Configuration > Settings > Product and Editor settings > MegaEdit Product Settings

Select the Product Attributes tab:

Screenshot 2024-04-28 at 00.38.23.png

To enable this feature, you will need to check Show Canvas Options on Product Landing Page and click Save.

Once this has been enabled, the attributes will start to appear on the landing pages of all relevant dynamic products. An example of relevance in this context would be if a product has two or more canvases applied to it, then there is an option to make so the Canvas attribute will appear on that product's landing page. However, if that product only had one stock option applied to it, then this attribute will not appear on the product's landing page.

Enabling this setting will also allow you to display these attributes on the checkout page. If an attribute is given an attribute name in the text box beside it, then it will appear on the checkout page with this name whilst this setting is enabled.

If no name is provided in this menu, the system will use the default one instead, with the default name being the text in the first column with the prefix CATFISH_ME_. For example, if you do not provide a name for Canvas then the default attribute name will be CATFISH_ME_CANVAS.

*All named Dynamic Attributes have Product Attributes created for them whenever a user places a MegaEdit product in the basket, and these attributes will be added to the product placed. 

Note: Be careful when renaming these attributes as the system will not recognize that these have been renamed and will create a new attribute.

Below is a list of all the dynamic attributes and some corresponding information about each one:

Canvas:

This attribute is used to control and display the MegaEdit canvas used for the product, if multiple canvases are applied. On the landing page, this will either appear as a dropdown list, or a series of radio buttons. This can be controlled through the dropdown beside the attribute which has the following values:

  • DropdownList - This will cause the attribute to be controlled by a dropdown menu
  • RadioList - This will cause the attribute to be controlled by a list of radio buttons
  • SmartSelection - This will display as either a dropdown list or a series of radio buttons, depending on the number of available choices. When you select this setting, a new field will appear to the right of it - the number in this field is what will be checked to see whether the attribute should display as a dropdown or a radio menu.

In the basket, this will display the name of the selected canvas.

Canvas Size:

This attribute will display the name of the chosen canvas size anywhere this attribute is referenced post-editor. This attribute will not hold any value on the product's landing page as this value is not decided until the editor (even if there is only one canvas size assigned to the canvas, this attribute will have no value in the editor).

Note: If you are intending to use Dynamic Canvas Sizes (allowing your users to control the size of the canvas from the landing page) then you can only assign one Canvas to the product. See this article for more details.

Output Type:

This attribute will allow the user to select the output type if multiple types are assigned to the product. This will be controlled in the same way as the Canvas, in that it can be controlled through either a dropdown list or a radio menu - with the option of SmartSelection to make it customized to each product.

Note: For the product to work, you will need to ensure that either all of the assigned output types have covers enabled, or none of them.

Stock:

This is one of the attributes which can be configured on the landing page, and so it can be controlled via a dropdown menu or a radio menu. As with the Canvas attribute, this option will only appear on the landing page if the product has two or more stock options assigned to it.

Page Count:

This attribute does not have any value on the landing page, rather it is used to display the number of pages in the basket, the checkout, and anywhere its value is called post-order placement i.e. on the job ticket. 

Note: This value will not include the covers when calculating the number of pages

Spine Width:

Similarly to the "Page Count" attribute, this attribute is only used to display its calculated value once the job has been created through the editor. The Spine Width is automatically calculated by multiplying the micron thickness (set in the product's stock) by the number of pages. However, if "Duplex Printing" is enabled in the product's output type, this number will be halved.

Weight:

This will display the weight of the job once it has been created through the editor - again, this does not hold any value on the landing page. This will be automatically calculated by multiplying the number of pages by the weight of the stock and is measured in g/m^2 (grams per meter squared).

Width and Height:

Width and Height are grouped together as both of these only appear when a Dynamic Canvas is being used. These will produce sliders and an entry box for each value to allow the user to control the size of the canvas on the landing page, and can do so in the following units:

  • Millimeters
  • Centimeters
  • Meters
  • Points
  • Inches
  • Feet

Number of Records:

This attribute only applies to MegaEdit products which are utilizing the Batch Upload feature - allowing the users to upload a CSV to the editor in order to place a batch order. This attribute will display nothing on the landing page, but at every point of reference after the job has been added to the basket, it will display the total number of records contained within the uploaded CSV.

Below are two screenshots of a product's landing page which has:

  • 2 stocks assigned, with a radio menu to control which one is used.
  • 2 output types assigned, with a dropdown menu to control which one is used.
  • A canvas assigned which utilizes the Dynamic Canvas feature to control the size of the canvas on the landing page

These will show off the Stock, Output Type, Canvas Size, Width and Height attributes.

Config_A.png

Adjusted_dimensions.jpg

And in the screenshots below, you can see the same product, only it has had two non-dynamic canvases assigned to it, and now we are able to choose between the assigned canvases using a dropdown menu, as per the configuration.

Multiple_Canvases.png

Canvas_Dropdown_Selected.jpg

And finally, the screenshot below shows the calculated values for Page Count, Spine Width, Weight, and Number of Records. You can also see that as I did not assign a value for the number of records, it is using the default name of Catfish_ME_NumRecords.

Attributes_in_checkout.jpg

Note: The Weight is measured in g/m^2, and the Spine Width is measured in mm.

How to Change Canvas Size Using Selected Product Attributes

As a default if different canvas sizes are used in an ME product the customer would have to start the editor, select 'Menu', click on the current canvas size, and then select a different canvas size if they wanted it, but here are some steps so the different canvas size options show on the product landing page as a product attribute.

 

Create all the different canvas sizes as separate sizes

 

Create the Mega Edit product (If not already created)

See How to Create a Dynamic Product? - MegaEdit for assistance

 

Assign all these canvases to your ME product 

Don't forget to 'Save changes' when done

 

Create the attribute

 

Add values to the attribute 

Please Note: The values MUST match the name of the canvases EXACTLY

 

Assign the latest 'Form Builder' script to the product

 

In the script config 

Add the below

{
hideForm: true,
hideTabArea: false,
SizeControlAttribute: "Size"
}

Change 'Size' to the name of the attribute (this must be exact with capitals and spacings)

For example 'Canvas Size' (as this is the name of the product attribute above)

Don't forget to Save any changes made at each step

 

If you now have 2 fields on your product landing page, the original Canvas field, and the Canvas' via product attributes field, you need to disable this setting.

'MegaEdit Products Settings' > 'Product Attributes' Tab > Disable 'Show Canvas Options on Product Landing Page' > 'Save'

Please note this is a global setting and will affect all products:

 

Now whichever canvas size attribute is selected the correct canvas will be used

 

 

An Additional (optional) step you can take to stop customers (non-admins) from changing the canvas size in the editor

Enabled the setting 'Hide global options dialog' in 'Product Options' (when the editor is open)

MegaScripts: Form-to-Order Automation

 

The Form-to-Order Automation enhancement extends Infigo’s MegaScripts system to support order creation from standalone web forms.

When a form is submitted, the MegaScript collects the submitted data, creates a customer (if needed), and places an order automatically.
This allows storefront managers to build custom workflows — for example, product request forms, branded portals, or marketing landing pages — that feed directly into Infigo’s production flow.

This automation removes friction for users who don’t need to browse or check out, while still maintaining full tracking and reporting within the platform.


What’s included

  • Ability to trigger MegaScripts from form submissions

  • Automatic customer creation if the user doesn’t exist

  • Full order placement via API

  • Support for field mapping between form data and order models

  • Configurable success and error pages for user feedback

  • Variable substitution for flexible, reusable script configurations


Key settings

  • Trigger Event:
    Set to Place Order or Form Submit to initiate order creation on form submission.

  • Variable Mapping:
    Defines how form field names map to order data (e.g., ${email}${first_name}${quantity}).

  • Default Variables:
    Allows preset values or fallback behaviour for missing inputs.

  • Success/Error Pages:
    Optional redirect URLs displayed based on whether the API call succeeds or fails.

  • MegaScript Configuration JSON:
    Used to define field mappings, default variables, and customer/order logic.


Use cases

  • Sample request forms: Visitors can request free samples that are logged as orders automatically.

  • Internal job requests: Internal users can submit forms that generate production tickets without going through checkout.

  • Marketing campaign pages: Capture orders directly from microsites or promotions.

  • Automated B2B workflows: Create templated forms for recurring business customers.


Step-by-step implementation

Step 1 – Create a MegaScript

  1. Go to Admin → MegaScripts → Add New.

  2. Set Trigger Type to On Event and choose Place Order.

  3. In the configuration JSON, define your mappings. Example:

     
    { "pluginSystemName": "mis.scripting", "hubSpotProperties": {}, "customerMapping": { "username": "${email}", "email": "${email}", "firstName": "${first_name}", "lastName": "${last_name}", "fullName": "${first_name} ${last_name}" }, "defaultVariables": { "country": "GB" } }
  4. Save the MegaScript.


Step 2 – Attach the MegaScript to your storefront

  1. Navigate to Connect → Scripting.

  2. Select your storefront and add the MegaScript you just created.

  3. Set the Trigger Event to Place Order or Form Submit.

  4. Save changes.


Step 3 – Build or connect your web form

  1. Create a simple HTML form that collects order information (e.g., name, email, quantity, product).

  2. Ensure form field names match your variable mappings (e.g., first_namelast_nameemail).

  3. Configure the form action to post data to the MegaScript endpoint.

đź’ˇ If you’re using Infigo’s front-end form tools, map each form field to its variable in the MegaScript configuration.


Step 4 – Define response pages (optional)

  1. In your MegaScript configuration, specify URLs for successPage and errorPage.

  2. Users will automatically be redirected to these pages depending on the outcome.


Step 5 – Test the flow

  1. Submit your form with sample data.

  2. Verify in Admin → Orders that a new order has been created.

  3. Check that customer data, product details, and quantity fields match the form submission.

  4. Review MegaScript logs to confirm successful API responses.


Tips & best practice

  • Keep field names simple and consistent across forms.

  • Use default variables to provide fallback values for optional fields.

  • Enable logging (logLevel: 4) for detailed troubleshooting.

  • Test error handling thoroughly to ensure smooth user experience.

  • Combine with other integrations (e.g., HubSpot or CERM) to extend automation chains.

Incomplete
🔎
Loading…
    Select a tip or trick