By clicking “Accept All Cookies”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. View our Privacy Policy for more information.
New Feature — Ai Generated Blog Posts direct to Webflow API
Learn more →

Tool Guide

A comprehensive guide to using Datamaker tools.

Let's get started with the Datamaker tools. There are two main tools; the first is Coder, which is the Natural Language to Code tool. In basic terms, you write what you want it to write in a logical process, and the tool writes the code for you. It's that easy.

User Guide Video

Overview

When you initially open the Datamaker app, you will be welcomed in the Coder tool. First off let's open the main menu. You can open the menu using the menu icon top left.

Opening screen (yours wont have the code and prompt in it).

Currently in Beta

Please note that this tool is in Beta so there may occasionally have a bug or two. If that happens please report the bug to us. Refreshing the browser will reset the app.

Menu Options

Opening this menu will give you access to the following;

  1. Coder: This is the tool we use to write code from Natural Language Prompts (NLP).
  2. Assistant: This tool uses NLP to create copy and to carry out research.
  3. Guide: Opens this guide you are reading.
  4. Prompts: Opens the prompts ideas panel. Clicking a prompt opens the online prompt directory.
  5. Account: Gives you access to your account and payment options.
  6. Support: Support opens the in app support request options:
  7. Logout: Logs you out of the app.

We will look at Coder and Assistant in more detail below let's take a look at the other options in this menu.

Datamaker app with menu open.

Updates & Status

Any new features and updates will display (most recent only) next to the notification bell.

  1. Click it to read the quick summary.
  2. Click the summary to see the full post on the Datmaker website.

The system status is linked to our app platform. If there is an issue the status will change.

In app udate announcements.

What are prompts

Prompts are the connection between your ideas and what the AI generates. Prompts are the request you make, such as "write three taglines about Webflow and how awesome it is" or "write a blog post about no-code tools for 2023". When you click the Prompts option in the menu, the Prompts panel will open with a list of prompt ideas.

The intention is to help you understand how prompts work so that you can start harnessing AI's power to complete your task.

We are adding new prompts on a regular basis.

Clicking a prompt in the panel will open a browser window or tab showing you what the prompt input is and the kind of result you can expect. By reviewing our prompt ideas, you can quickly learn how to get the most out of our tools.

Account

Accessing the Account zone lets you:  card details and access your invoices.

  1. Update your details.
  2. Change your password.
  3. View upcoming billing dates.
  4. Change your card details.
  5. Access your invoices.
Datamaker account manager.

Support

As we are a micro-small team, we cannot offer 24-hour support. We are implementing two forms of support/bug tracking/feedback. The first is a contact form in the app itself; the second is the Slack Channel. To join the Slack channel, goto Support and click the "Let us know you would like access" button.

Current Datamaker support options.

Coder Tool

Coder is our tool for generating usable code from Natural Language Prompts. An example might be "write a script that shows an alert with the word 'Hello World' when the page loads" once generated, place the script in the before closing </body> custom code area of a page or the site (make sure its wrapped in <script></script> tags. Publish the site, and your code runs.

That is a crazy simple example. Coder is a powerful multi-talented code writer. Just remember, although it is AI and can do a lot it's only as good as the inputs you put in.

Let's first take a look at the interface.

Coder layout.

Coder basics

Coder interface:

  1. Instructions - this is where instructions are entered of what you would like the AI to produce.
  2. Instructions > Go Button - this sends the prompt to the AI to generate your code.
  3. Instructions > Refresh Action - this resets the instructions input box.
  4. Code Preview - is where the code written by the AI is displayed, ready to save or copy.
  5. Code Preview > Copy Action - this copies the code currently showing in the code preview into the clipboard.
  6. Code Preview > Save Action - this saves the current prompt, input and code result into the save code area.
  7. Input - this is where code or other commands are placed as the basis for what you want the AI to work with.
  8. Input > Refresh Action - this resets the input box.
  9. History - this opens the history timeline where you can access your prompts in the order they were added.
  10. History > Arrow Toggle - this opens and closes the select timeline point.
  11. History > Delete - this delete the current selected history point.
  12. History > Save - saves the current history point.
  13. Saved Code > Search - search through your saved code items.
  14. Saved Code > Delete Action - deletes the current saved code item.
  15. Saved Code > Preview Action - opens the code and prompt popup modal.
  16. Saved Code > Copy Action - copies the result code form the saved item.

Getting started.

To start with, enter instructions in the instruction box, then click the "GO" button; you will see the progress bar fill up at the top of the screen as the AI communicates with your input.

Once complete, the generated code will display in the code preview panel.

The input box helps guide the AI with the intent of your instruction. It is not always needed, but if you want to iterate on code or specify the output type you want, you can add data to the input.

Simple Example

Try this, enter this text in the instructions box, then press the go button.

show alert text 'I am a coder.'

This is a simple piece of code that would show a browser alert saying 'I am a coder' if you wrapped it in <script></script> tags and placed it in the before </body> input field in Webflow.

Now we are going to input some intent data. Enter this into the input box and click go.

<script></script>

So the instruction tells the AI what to do and the input helps with either; what to work with; or what the intent of the output should be.

See this video for a more in-depth idea.

NOTE: No double " quotes. Ensure the prompt and input only include single ' quote in any prompts.

Saving code snippets

We added a code-saving function so you can quickly store those code snippets for use later.

  1. Create code with the instructions box.
  2. Once the code is previewing in the preview pain, click the save icon at the top right of the code preview pane.
  3. Name your snippet and click save.

Scrolling down below the go button will reveal your saved code snippets.

Coder save options.

You can search for a snippet (useful when you have lots of them) or scroll through the list.

Saved code actions.


  1. Click the garbage can to activate the delete action, then click the red bar to complete the delete.
  2. Click the preview icon to see the snippet popup.
  3. Click the copy icon to copy the code the prompt created.

Changing syntax colour

A handy feature lets you change the code syntax colour. We will add more styles in time.
NOTE: Changing the syntax colour will reload the app, so make sure you save what you are doing first.

Syntax colour changer.

Assistant Tool

Assistant is more than just an AI tool for writing copy. Assistant can help with SEO, research, create CSV-ready content, run calculations, condense or expand text and, of course, write content.

Enter your request(prompt) into the input box and click go, and once the progress bar is finished, your custom text results will display in the results pane.

NOTE: No double " quotes. Ensure the prompt and input only include single ' quote in any prompts.

Assistant layout and main features.

Assistant basics

Assistant interface:

  1. Prompt Input - this is where you enter the prompt request and related content.
  2. Prompt Input> Go Button - this sends the prompt to the AI to generate your content
  3. Content Preview - is where the content written by the AI is displayed, ready to save or copy.
  4. Content Preview > Save -this saves the prompt and results to the saved prompts area.
  5. Content Preview > Copy-this copies the results in the copy results into the clipboard.
  6. Scratchpad - this area can hold any notes or content you are working with as a note.
  7. Scratchpad - this area can hold any notes or content you are working with as a note.
  8. Saved Prompts- this is where you saved prompts are listed.
  9. Saved Prompts > Search - search through your saved prompts list.
  10. Saved Prompts > Delete Action - this deletes the current prompt.
  11. Saved Prompts > Preview Action - This opens the prompt preview modal showing the prompt, result and settings.
  12. Saved Prompts > Copy Action - This copies the prompt currently showing in the prompt modal into the clipboard.
  13. Settings- these setting affect the results of your prompt (see below)

Best to show you with an example.

  1. Start by entering a simple prompt into the prompt input box; enter the following text:
    write a short paragraph about webflow
  2. Now click the go button to get the result. You can see the result in the result pane. Now let's modify that input and change the intent and the perspective. Change the prompt to
    write a short paragraph about webflow, make it inspirational and first person
  3. We can also alter the output with the settings. The setting overview is detailed below. But for this example, lets change the Max Length to the maximum and change our text to:
    write a blog article about the history of webflow and its future, make it inspirational and conclude with a paragraph about why you should use webflow
  4. Click go and see the results. Now that's powerful. So you can alter what the AI writes about, its intent, perspective, and the type of content it writes about. Even instruct the AI on the structure of the content.
  5. Click the copy icon top left of the result pane.
  6. Make sure the scratchpad is selected and paste the content in. Now let's work with the text we created.
  7. Leave the Max Length on full and clear the prompt area. Enter this new prompt:
    what are the top keywords in this content
  8. And paste the copy we created from the scratchpad underneath the prompt. Click go.
  9. The text has been analysed, and the keywords have been listed. Let's copy those keywords into the scratchpad above the blog article we created.
  10. Let's change the prompt. Leave the content in the prompt area and just change the prompt to:
    write a google friendly page title and description for this content

Not bad, right? So think about what you can do with this tool.

Adjusting settings

The settings might seem a little confusing but are well worth understanding to get the most out of Assistant. Let's take a look at each one in turn.

graphical user interface, text, application.
Assistant settings.

MAX LENGTH - Word Count - this isn't how many words the AI will produce on a given prompt — it's how many it CAN produce in a given prompt; the Ai will typically complete a result when it's contextually right to.

In other words, if the AI has a limit of 10 words, it can only produce 10 words in response to a prompt. For example, a title that you expect to be ten or so words does not need a Max length higher than the 255 length start point.

RANDOMNESS - Randomness is like a game of chance. Just like when you play a game of chance, like flipping a coin, the result may be random. AI models use randomness to help them pick the best sentence to use in a conversation. It helps the AI model pick the best sentence that makes sense with the conversation.

PROBABILITY - Probability is a measure of how sure we are that something will happen. Think of it like a guessing game. If the probability is low, it means we are not very sure that the guess is right. If the probability is high, it means we are pretty sure that the guess is right. When we use an AI model, we can adjust the probability to make it more or less confident in its guesses. A higher probability means the AI takes more risks, while a lower probability makes it more conservative.

FREQUENCY - This is a measure of how often a specific word or phrase appears in the results. Frequency is used to determine the likelihood of a given word or phrase occurring in the text generated.

For example, if a word appears in the results more often than other words, it can be said to have a higher frequency.

PRESENCE - The presence setting in OpenAI is a parameter that determines how much of the environment's current state to include when making decisions. This setting can be adjusted to make an AI more or less aware of its surroundings and help it better understand the context of its actions.

For example, if the presence setting is set to high, the AI will take into account more information about its environment, like the position of other objects or the time of day. This can help the AI make smarter decisions.

NOTE: Clicking on the (i) icon next to each setting will open the tooltip reminder of what each setting will do.

Scratchpad

The scratch pad is handy for copying text you are working on into the scratchpad box. The text will stay in the scratchpad until deleted or replaced.

Assistant scratchpad.

Saving prompts

Much like the code saving feature in Coder, the prompt saving tool lets you save the prompt, the result and the settings used to create the result.

This is great when you have created a really useful prompt that you want to keep.

  1. Once you have a result in the result box, the save and copy icons appear.
  2. Click the save icon, enter a name for the prompt and click save.

The prompt will appear in the Saved Prompts panel below the input box. You can search for prompts much the same way as Coder, delete and view the prompts.

Saved prompts list.
  1. Click the garbage can to activate the delete action, then click the red bar to complete the delete.
  2. Click the preview icon to see the prompt, results and setting used to create the result in a popup.
  3. Click the copy icon to copy the prompt used to create the result.

Thanks for reading if you need help contact us in app with the support option in the app menu.

For the latest updates on our tools click here.