Git Product home page Git Product logo

notificationscriptgenerator's Introduction

Popup generator Demo

Features

  • Adding elements such as Headings, Text, Images, Form with e-mail type
  • Drag n Drop elements
  • Creating another canvas
  • Real-time testing your Popup
  • Generating script and storage on our vps hosting (so no worries about coding and programming ) Just attach link with ready script in head section
  • Saving your current progress via localStorage API

Live demo

http://vps476880.ovh.net:4000/

Form element

If you would like offer some products or receive e-mail of your customers you can provide endpoint in Form field. The data will be available as a object with this structure {mail: [email protected]} For testing this up set up your endpoint with http://vps476880.ovh.net:4000/test and check response in console browser.

Another Canvas

If you added Form element, default behavior after clicking submit button is alert with 'Thank you' text. Instead this you can simply add Another Canvas for customize this message as like as you wish.

Usage

  • Login with google+ account
  • Add some elements
  • When you done click Generate script in elements section
  • Copy and paste script into your HEAD section in your webpage e.g.
<!DOCTYPE html>
<html>
    <head>
        <mate charest="utf-8" />
        <title>Hello world!</title>
		<script async src="http://vps476880.ovh.net:4000/script/7dbf80dfff9e"></script>
    </head>
    <body>
        <h1>Hello world!</h1>
    </body>
</html>
  • Enjoy :)

Small mention

As you can see the title contains demo . So this project you should treat as a demo :D I can not give you a guarantee that it will be works correctly and constantly. I built this project just for develop my programming skills

License

The MIT License.

notificationscriptgenerator's People

Contributors

sebekgr avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.