---
title: How to Use Webify
description: "## What is Webify? Webify is a powerful feature in CodeREADr that enables you to display dynamic, web-formatted content within the app. This is especially useful when plain text isn't sufficient to deliver your message. With Webify, you can customize…"
url: "https://www.codereadr.com/knowledgebase/how-to-use-webify/"
updated: "2025-05-05"
category: No Code / Low Code Settings
---

# How to Use Webify

## What is Webify?

Webify is a powerful feature in CodeREADr that enables you to display dynamic, web-formatted content within the app. This is especially useful when plain text isn't sufficient to deliver your message. With Webify, you can customize app responses using HTML and [contextual variables](https://www.codereadr.com/knowledgebase/branding-and-customizing-the-app/) to enhance the user experience after a scan.

### Key Features of Webify

- Render HTML directly in-app using standard W3C HTML tags.
- Display full HTML pages loaded via the cURL tag (limited to on-device databases).
- Seamlessly integrate customized responses with contextual variables such as user ID or service ID.

The cURL tag does not work with “online only” database services or postback services. For these options, return full HTML tags only. If you have any questions, [contact CodeREADr Support](https://www.codereadr.com/support-selection/).

## How Webify Works

Webify allows you to include one or more of the following in your syntax:

- cURL Tags: Reference a URL for rendering a full HTML page.
- HTML Tags: Embed formatted HTML content.
- Plain Text: Combine plain text with HTML or cURL content for hybrid messages.

Syntax Rules:

- Ensure all cURL and HTML tags are properly opened and closed.
- If tags are incorrectly formatted, the app will treat the content as plain text.

## How Webify Appears to Users

### Input

 Copy to Clipboard

# IMPORTANT

This is a demo service that simply records scans. Visit the [codeREADr](https://www.codereadr.com) website to:

1. Create your own no-code, low code Services.

2. Prompt app users to collect supplemental data (photos, location, etc.).

3. View, filter and export your scans.

4. Integrate with other platforms or send scans to your servers.

### App Result: Description

 ![HTML Description](https://www.codereadr.com/wp-content/uploads/2016/02/description_html_use.png)

### Webify in Response Text (via Validation Pattern)

### Input

 ![HTML Pattern](https://www.codereadr.com/wp-content/uploads/2016/02/pattern_html.png)

### App Result: Description

 ![app scan](https://www.codereadr.com/wp-content/uploads/2016/02/app-scan_normal.png)

### Webify in Response Text (via Database)

### Input

 ![HTML Response](https://www.codereadr.com/wp-content/uploads/2016/02/db_html_response.png)

### App Result: Response Text (as shown in Lookup)

 ![app database display](https://www.codereadr.com/wp-content/uploads/2016/02/app-db_normal.png)

Note 1: For HTML to render properly, please use:

```
<meta name="viewport" content="width=device-width, initial-scale=1.0">
```

Note 2: You can use tools like **ChatGPT** to help you with HTML code. Further, you can use online tools like [Code Beautify](https://codebeautify.org/htmlviewer#) to preview your HTML script.  When asking ChatGPT to generate the script, be sure to include the appropriate tags:

 Copy to Clipboard

# SUCCESS

## Displaying Web Content

- In-App Full-Screen Window: Use the codereadr:_blank: prefix to open content in a full-screen view within the app.
- Default Browser Window: Use the codereadr:browser: prefix to open the content in the device’s default browser (e.g., Chrome, Safari).

Both options allow users to return to scanning after viewing the content.

## Syntax Precedence

When combining cURL, HTML, and plain text, the app prioritizes as follows:

- cURL: Highest priority if included.
- HTML: Rendered if no cURL tag is present.
- Plain Text: Displayed if neither cURL nor HTML is available.

## Optimize with Templates

[Using templates](https://www.codereadr.com/wp-content/uploads/2016/02/Alter_Response_Template_Example.pdf) instead of full HTML in every database field reduces database size and simplifies implementation. Templates ensure efficient customization while maintaining consistent results.

## Advanced Customizations

On the Advanced Settings step, [customize scan response screens](https://www.codereadr.com/knowledgebase/customized-scan-response/) with specific labels and colors to better fit your branding and desired user experience.

## Web Content as a Service

Webify isn’t limited to recording and validating scans. You can also create a Web-View-Only Service that displays:

- Custom images (e.g., logos).
- Specific web pages.
- Contextual responses using variables such as:
  - __USER_ID__
  - __USERNAME__
  - __SERVICE_ID__