You can use PDF files to convert them into e-Detailers and website briefs.
The resulting e-Detailer preserves active links added to its source PDF. In Editor, components with links are identified as buttons. To view or edit such links in the e-Detailer, open the Actions tab and click the Link button.
To avoid conversion issues:
Make sure that the source PDF file has a minimum size and a resolution matching the future e-Detailer target device.
Check all links and actions assigned to the PDF elements in a browser or Adobe Acrobat.
Use standard web fonts to get the resulting e-Detailer or brief displayed correctly.
eWizard supports PDF files created with the following tools:
Adobe InDesign
Adobe Illustrator
Acrobat Pro
Affinity Designer
eWizard doesn't support PDF files created with Adobe Photoshop.
PDF layers, images, links, and text must meet the list of requirements.
PDF layer requirements
✔️ A single layer for a background, a movable or an animated element
Complex backgrounds with multilayer bit-mapped and/or vector graphics or their combinations must be merged into a single raster layer in the JPG or PNG format.
The more layers a mock-up contains, the more complex the resulting code structure is.
✔️ A pop-up as an individual slide with no background
To avoid the bulk of elements on the slide, place every pop-up on an individual slide without additional background.
❌ No optional content groups and hidden layers
All hidden layers become visible in the resulting e-Detailer.
❌ No element groups
Upon conversion, these groups are split into separate elements.
❌ No blending
It's ignored by Converter. If you need to use blending, merge everything into a single raster layer before conversion.
❌ No groups of layers
All groups of layers must be merged into a single layer.
PDF image requirements
✔️ The standard resolution of the target device
❌ No blending
❌ No borders
❌ No shadows
Shadows and borders are converted into individual elements.
❌ No vector graphics
It reduces the size of the resulting e-Detailer and refines HTML/CSS code.
❌ No groups of images
All groups of images must be merged into a single image.
PDF text requirements
✔️ Line indent equals the font size
Keep the font size consistent.
Keep the line indent the same as the font size.
✔️ Left alignment
✔️ Sentence-case capitalization
Capitalize only the first letter in a sentence.
❌ No superscript and subscript symbols
❌ No groups of text
All groups of text must be merged into a single text.
PDF button requirements
✔️ Link properties
To use a source file element as a button component in the converted e-Detailer, apply the link properties to this element.
❌ No button properties
PDF link requirements
❌ No common link for the group of elements
When a group of elements contains individual elements with links, DON'T add a common link to the entire group.
An example of a non-optimized PDF:
An example of an optimized PDF:
Use these recommendations to keep a minimum of layers and images in PDFs.
